文字颜色和内容的方法 js设置字体颜色代码( 二 )


<p>Apple</p><p>Pear</p><p>Banana</p>现在,要分别完成以下四种选择元素的任务 。
选择第一个 p 元素t("p");p1.style("color","red");选择三个 p 元素var p = body.selectAll("p");p.style("color","red");选择第二个 p 元素有不少方法,一种比较简单的是给第二个元素添加一个 id 号 。
Pear
然后,使用 select 选择元素,注意参数中 id 名称前要加 # 号 。
var p2 = body.select("#myid");p2.style("color","red");选择后两个 p 元素给后两个元素添加 class,
<p class="myclass">Pear</p><p class="myclass">Banana</p>由于需要选择多个元素,要用 selectAll 。注意参数,class 名称前要加一个点 。
var p = body.selectAll(".myclass");p.style("color","red");插入元素插入元素涉及的函数有两个:
append():在选择集末尾插入元素insert():在选择集前面插入元素假设有三个段落元素,与上文相同 。
append()
body.append("p").text("append p element");在 body 的末尾添加一个 p 元素,结果为:
ApplePearBananaappend p elementinsert()
在 body 中 id 为 myid 的元素前添加一个段落元素 。
body.insert("p","#myid").text("insert p element");已经指定了 Pear 段落的 id 为 myid,因此结果如下 。
Appleinsert p elementPearBanana删除元素删除一个元素时,对于选择的元素,使用 remove 即可,例如:
var p = body.select("#myid");p.remove();


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: