如何利用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中的video标签无法播放视频的方法

详解bootstrap中的标签、徽章、巨幕和页头

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

html表格标题标签是什么

在xhtml中的标题标签与段落标签有哪些使用方法

html中如何实现文本与标签居中

html5新增加的标签总结

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

textarea标签有什么用

html中button标签的用法

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




打赏

取消

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

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

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

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

评论

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