在我的 JavaScript 代码中,我动态创建了一个文本节点,如下所示:
tpu14 = document.createTextNode(numerr+" enhancements that could improve your experience");
我已将此文本节点及其格式放入 a 中。 现在我的问题是:如何在不使用 2 个不同的 div 的情况下仅在“numerr”部分直接添加样式?
现在的结果是:
14 项可以改善您体验的增强功能
我愿意
14 可以改善您的体验的增强功能
提前致谢
最佳答案
而不是使用 createTextNode
你可以使用 innerHTML 并这样做
element.innerHTML="<b>"+numerr+"</b> enhancements that could improve your experience";
正如下面评论中所建议的,您也可以使用 Element.insertAdjacentHTML
//Usage
// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterbegin', '<b>'+numerr+'</b>');
// At this point, the new structure is:
// <div id="one"><b>value</b>one</div>
关于javascript - DOM直接在javascript中修改部分textnode的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21429118/