• 技术文章 >web前端 >js教程

    JavaScript在页面增加元素

    醉折花枝作酒筹醉折花枝作酒筹2021-06-11 11:01:45原创53

    方法:1、使用“getElementsByTagName()”获取父节点元素;2、使用“createElement()”动态创建标签;3、使用“appendChild()”将标签放在指定元素下;4、使用“innerHTML”添加文本内容。

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

    想要在页面动态添加元素,首先要确定在哪个元素后面添加元素,然后利用js的appendChild方法在该元素后面追加元素。

    1.获取父节点元素var body = document.getElementsByTagName('body')[0]。

    2.然后动态创建a标签var a = document.createElement('a')。

    3.把创建好的a标签追加到body下面body.appendChild(a)。

    4.在a标签里面添加文本内容a.innerHTML = '这是一个链接'。给a标签添加一个链接a.href = 'https://www.baidu.com/'。

    E0]$E@WZD$Z]IF8LBFK{12M.jpg

    {QN%MQYJ~3TPC7$J6`QM})H.jpg

    扩展资料:

    js一些原生方法

    【推荐学习:javascript高级教程

    以上就是JavaScript在页面增加元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:JavaScript
    上一篇:浅谈Angular中组件(@Component)基本知识 下一篇:javascript有哪几种事件
    第16期线上培训班

    相关文章推荐

    • 请描述javascript语言特性有哪些• 简述javascript如何创建数组• JavaScript后缀名是啥• Javascript主要有哪些数据类型• jsp写javascript用什么标签

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网