將文字注入div

Question

我試圖在網站上的每條消息旁邊注入「表情符號」（充當按鈕）。例如：

。

這是目前我在做什麼：

contentscript.js：

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

這是不顯示任何。我也認爲它不會顯示在完整的左側;我怎樣才能做到這一點？

Answer 1

如果只有一個與類名的DOM要添加的項目，你可以做到這一點

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

使用+=運營商將新值追加到的當前值的項目innerHTML的

否則，你將不得不遍歷元素的集合返回（見上@Alexķ評論）

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>