divにテキストを挿入する

Question

私は、ウェブサイト上の各メッセージの隣に➕絵文字（ボタンとして機能する）を挿入しようとしています。例：

これは私が現在やっているものです：

contentscript.js：これは何も表示されていない

document.getElementsByClassName("className").innerHTML = "➕"; 

。私はまた完全な左に表示されませんと仮定します。これどうやってするの？

Answer 1

一つだけのアイテムがクラス名でDOMに存在する場合、あなたはあなたに項目を追加するには+=演算子を使用して、この

document.getElementsByClassName("className")[0].innerHTML += "➕"; 

を行うことができ、現在の値に新しい値を追加しますinnerHTMLの

そうでなければあなたは要素のコレクションをループする必要があります（上記@Alex Kのコメントを参照してください）返さ

document.getElementsByClassName("className")[0].innerHTML += "<span class='icon'>➕</span>"; 
 

 
document.getElementsByClassName("icon")[0].addEventListener("click", clickFunction); 
 

 

 
function clickFunction(){ 
 
    alert("Clicked"+ this); 
 
}

/* add whatever styles you need here */ 
 
.className { 
 
    position: relative; 
 
    padding-left: 20px; 
 
} 
 

 
.icon { 
 
    color: red; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
}

<div class="className">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis non quam non tristique. Cras ut imperdiet quam, pellentesque finibus nisl. Sed egestas dapibus turpis a rhoncus.</div>