2017-03-01 46 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