四川盐亭网站制作公司

怎么在javascript中设置元素文本内容

这篇文章给大家介绍怎么在javascript中设置元素文本内容，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

万柏林网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言，基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能，现在JavaScript也可被用于网络服务器，如Node.js。

javascript设置元素文本内容

步骤：

  • 查找元素

  • 使用innerHTML设置内容

示例：


    

    
        var x=document.getElementById("demo");  // 找到元素
        x.innerHTML="Hello JavaScript!";    // 设置内容
    
    

输出：

怎么在javascript中设置元素文本内容

说明：

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

语法

tablerowObject.innerHTML=HTML

查找元素的方法：

1.根据id获取元素

document.getElementById("id属性的值");

2.根据标签名字获取元素

document.getElementsByTagName("标签的名字");

3.根据name属性的值获取元素

document.getElementsByName("name属性的值");

4.根据class属性获取元素

document.getElementsByClassName("类样式的名字");

5.根据css路径获取元素 （获取一个）

document.querySelector("css路径");

6.根据css路径获取元素 （获取一组）

document.querySelectorAll("css路径");

关于怎么在javascript中设置元素文本内容就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。


本文名称：怎么在javascript中设置元素文本内容
URL标题：http://scyanting.com/article/psdgdg.html

其他资讯