<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小编还为您精选了以下内容,希望对您有所帮助:- 运动前和运动时喝高糖饮料容易岔气
- 粉色百合花的花语和寓意 粉色百合花的花语介绍
- 奥迪q3轿跑报价及图片_奥迪q3轿跑版和普通版哪个好
- 西梅可以和车厘子一起吃吗 西梅车厘子同食会影响身体吗
- 散步和跑步到底哪个好?
- 中秋节有什么故事和传说
- 微波炉和烤箱哪个实用
- 红肉和白肉分别指的是什么肉?
- 文字上下居中设置 word文本框文字居中使用
- 除夕的来历和传说,2022除夕国家法定假日几天?