如何利用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.插入在标签内部

阅读剩余部分

相关阅读 >>

为了标识一个html文件应该使用什么标签

html5中新特性之语义化标签的实例分析

html的meta标签用法总结

音乐播放器的制作实例(html5)

html表格标题标签是什么

html5新增加的标签和表单新增属性的代码实例

html块级标签,行内标签,行内块标签的显示模式有哪些

h5 video标签用法的实例代码

常用的html5列表标签

html中的超级链接<a>标签

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




打赏

取消

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

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

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

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

评论

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