Javascript 我想在获取和解析DOM树之后更改特定节点内容的字体样式_Javascript_Html_Dom

Javascript 我想在获取和解析DOM树之后更改特定节点内容的字体样式

javascript html dom

Javascript 我想在获取和解析DOM树之后更改特定节点内容的字体样式,javascript,html,dom,Javascript,Html,Dom,我有一个html，我想解析一个特定的节点并更改其内容，同时将新节点的字体样式值设置为斜体。我能够解析特定的nodevalue，但无法了解如何更改nodevalue的fontstyle 万一我有问题 <html> <head> <script src="potrait.js"></script> </head> <body> <p class="q">Here comes the count&

我有一个html，我想解析一个特定的节点并更改其内容，同时将新节点的字体样式值设置为斜体。我能够解析特定的nodevalue，但无法了解如何更改nodevalue的fontstyle

万一我有问题

<html>
  <head>
  <script src="potrait.js"></script>
  </head>
 <body>
    <p class="q">Here comes the count</p>
    <ul class="q">
        <li><p class="q" align="center">1</p></li>
    </ul>
</body>
</html>

我可以更改内容，但我不知道如何将（某些内容）更改为斜体

任何指导都是值得欣赏的

用斜体标记简单地包装“（某物）”吗

var list=document.getElementsByTagName（'ul'）
列表[0]。firstChild.nextSibling.childNodes[0]。firstChild.nodeValue=“一（某物）”）

您可以使用

.innerHTML

和

：

var list=document.getElementsByTagName（'ul'）；
var p=list[0].firstElementChild.firstElementChild；
p、 innerHTML=“一（某物）”；

您可以使用jQuery轻松处理此问题。守则如下：

$("ul li p:first").html("one<i>(something)</i>");

$（“ulli p:first”）.html（“一（某物）”；

这意味着在ul中的lihtml标记中取第一个p标记，并将其html内容更改为

one（something）

。我已经为你做了一份工作

请小心，因为此代码将替换网页列表中的所有第一个元素，其中有一个p标记。为了避免这种情况，您可以为所需的ul分配一个类。例如，代码中的列表已经有一个名为q的类，因此代码如下所示：

$(".q :first").html("one<i>(something)</i>");

$（“.q:first”）.html（“一（某物）”；

编辑：要获取特定的子项（并非绝对第一个），可以使用

：nth-child（）

代替

：first

。有关演示，请查看。

我尝试了这个。。！！但是我在输出中得到斜体标记和单词

var list=document.getElementsByTagName('ul'); 
var p = list[0].firstElementChild.firstElementChild;

p.innerHTML = "one<i>(something)</i>";

$("ul li p:first").html("one<i>(something)</i>");

$(".q :first").html("one<i>(something)</i>");