How to use Javascript to insert tag elements inside and outside tags

autoload

Release： 2021-04-08 17:26:25

Original

3813 people have browsed it

How to use Javascript to insert tag elements inside and outside tags

HTML page:

Copy after login

1. Add elements in HTML

Copy after login

2. Insert inside the tag

li= document.createElement("li"); li.textContent="第一个元素"; ul.insertAdjacentElement("afterbegin",li); li= document.createElement("li"); li.textContent="最后一个元素"; ul.insertAdjacentElement("beforeend",li);

Copy after login

3. Insert Outside the tag

a=document.createElement("a"); a.innerText="《雪中悍刀行》"; a.href="http://www.baidu.com"; ul.insertAdjacentElement("beforebegin",a); a1=document.createElement("a"); a1.innerText="《剑来》"; a1.href="//m.sbmmt.com/"; ul.insertAdjacentElement("afterend",a1);

Copy after login

The above is the detailed content of How to use Javascript to insert tag elements inside and outside tags. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

dom element Label

source：php.cn

Previous article：How to run javascript script Next article：How to delete object attributes in javascript

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn