를 주입 CSS 자바 스크립트

Question

를로드 한 후 나는 불평 SharePoint 사이트에서 피드 검색 자바 스크립트 기능이

<div id="embed" class="yj-embed yj-embed-narrow"><div class="yj-hd"> 
 
    <h3 style="background-color: #75150D; color:#FFFFFF; margin: 0px;" role="heading" aria-level="1">The Duck</h3> 
 
    <h2 class="yj-acc-hidden"><span>Message Composer</span></h2> 
 
<div class="yj-global-embed-publisher-with-avatar"><div class="publisher-avatar"><div data-userid="1587566802" class="yj-avatar" aria-hidden="true"> <a class="yj-avatar--link " href="https://www.yammer.com/mynetwork.fr/#/users/1587566802" tabindex="-1" title=""> 
 
     <span class="yj-avatar--thumb yj-avatar--replacement yj-avatar--replacement-color-9 yj-avatar--replacement-letters-2"> 
 
      <span class="yj-avatar--initials" aria-hidden="true">VP</span> 
 
      <span class="yj-avatar--alt-text yj-acc-hidden"></span> 
 
     </span> 
 
    </a> 
 
</div></div>

$('#embed h3').css(' background-color', 'black');

하지만이 작동하지 않습니다, 내가 불평 피드 코드를 변경 내 두 번째 함수 후로드 생각 :I 싶어 자바 스크립트를 사용하여 <h3> 태그의 배경색을 변경,이 코드를 시도 , 그것이 아무것도하지 않는 이유입니다.

의견이 있으십니까?

Answer 1

자바 스크립트에서 배경색 설정을 요청하는 중입니다. 가능합니다. 어쨌든 yammer-feed를 삽입하기 위해 scripteditor-web 부분을 사용하고 있기 때문에 CSS를 사용하지 않으시겠습니까? "! important"는 인라인 스타일을 재정의하는 것입니다.

<style> 
#embed h3 { 
    background-color: black !important; 
} 
</style> 

_spBodyOnLoadFunctionNames를 사용해 볼 수도 있습니다. 이 함수는 $ (document) .ready ... 조금 뒤의 함수를 호출한다.