如何利用Javascript在标签内外插入标签元素


本文摘自PHP中文网,作者逆旅行人,侵删。

2021040816433548356.jpg

HTML页面:

1

2

3

4

5

6

7

8

9

10

11

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title></title>

</head>

<body>

</body>

</html>

1.在HTML中添加元素

1

2

3

4

5

6

7

8

9

10

11

<script>

        //append()创建一个列表

        const ul=document.createElement("ul");

        //循环来生成多个列表li

        for(let i=1;i<=5;i++){

            const li=document.createElement("li");

            li.textContent=`item${i}`;

            ul.append(li);

        }

        console.log(ul);

</script>

2.插入在标签内部

阅读剩余部分

相关阅读 >>

讲讲html5中被废弃的标签

center是什么标签

详解html5头部<meta>标签的常用信息小结

xhtml中有哪些常用的标签

html中为网页设置字符集的标签是什么?

怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题

html5新增加的标签总结

html块级标签行内标签的显示模式

html中频繁用的标签总结

在html/xhtml中的img图像标签应该如何使用

更多相关阅读请进入《Javasript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...