JavaScript如何添加删除元素

醉折花枝作酒筹
Freigeben: 2023-01-04 09:35:16
Original
3608 Leute haben es durchsucht

JS添加和删除元素的方法:1、使用“appendChild("元素名称")”添加元素;2、使用“insertBefore(元素名称,在哪添加元素)”,可在任意位置添加元素;3、使用“removeChild("元素名称")”删除元素。

JavaScript如何添加删除元素

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript如何添加删除元素

要添加一个元素,首先要先创建一个元素,若要往新添加的元素里面写入文本,那就还要创建一个文本节点,再将文本节点的值插入到新添加的元素中。

(1)createElement("元素名"):此方法可以创建一个新的元素。例如:createElement("p") ,表示创建了一个p标签(元素/段落)。

(2)createTextNode("文本内容"):此方法可以创建一个文本节点。例如:createTextNode("我是新的内容"),表示创建了一个值为“我是新的内容”的文本节点。

(3)appendChild("元素名称"):添加一个新的元素。例如:ul.appendChild("li"),表示在ul里面添加一个li元素。

(4)removeChild("元素名称"):删除一个元素。用法与(3)相反。

下面的例子为ul动态的添加li元素,并且每一次都在原有的li前面添加。

 
    
Nach dem Login kopieren

标注:如果你想每一次新添加的li都在原有的li前面,那就要用到insertBefore()方法了。

insertBefore()里面有两个参数值,第一个参数值为你要添加的元素名称,第二个参数值为要在哪里添加的元素的名称(值可以为 null),当为null时,效果就和appendChild()一样了。

例如上面的例子,我想每一次添加的元素li都在最前面。那么只需要改动第四步就行了:

var Li=UL.getElementsByTagName("li"); UL.insertBefore(li,Li[0]);li.appendChild(text);
Nach dem Login kopieren

也就是说想要添加一个新元素有两种方法:①appendChild(),②insertBefore();删除一个元素:removeChild()

推荐学习:javascript视频教程

Das obige ist der detaillierte Inhalt vonJavaScript如何添加删除元素. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!