2017-03-01 22 views
-1

如何在下面的代碼打字稿中使用classname設置背景顏色?如何在打字稿中設置背景顏色?

abc.innerHTML = abc.innerHTML.replace(element,'<span class="classname">text</span>'); 
+0

使用'classname'不能設置背景顏色,除非你有一個類,設置背景顏色。你有這樣的課程嗎?和你想要設置背景顏色的元素? –

+0

我希望span元素內的文字有顏色。 @Maximus – coder

+0

請參閱[我的答案](http://stackoverflow.com/a/42527620/2545680),如果有幫助,請考慮接受它 –

回答

2

你可以做到這一點的方式相同,但JS投給<HTMLElement>is required

var def = "Maximus"; 
var li = document.querySelectorAll("#id li"); 
for (var i = 0; i < li.length; i++) { 
    var element = li[i]; 
    element.innerHTML = element.innerHTML.replace(def, '<span class="classname">text</span>'); 
    let spanEl = <HTMLElement>element.querySelector('span.classname'); 
    spanEl.style.color = 'orange'; 
} 
+1

[ts]'NodeListOf '類型中不存在屬性'樣式'。 @Maximus – coder

+0

請顯示您的tsconfig.json配置 –

+0

奇怪! tsconfig.json?有什麼改變? @Maximus – coder