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

    javascript如何改变文本内容

    青灯夜游青灯夜游2021-05-18 16:00:08原创690

    javascript改变文本内容的方法:首先使用“document.getElementById(id值)”语句获取文本元素对象;然后使用“文本元素对象.innerHTML= "新文本内容"”语句进行修改即可。

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

    改变 HTML 内容

    修改 HTML 文档内容最简单的方法是,使用 innerHTML 属性。

    如需修改 HTML 元素的内容,请使用此语法:

    document.getElementById(id).innerHTML = new text

    示例:

    <!DOCTYPE html>
    <html>
    <body>
    
    <h2>JavaScript 可以更改 HTML</h2>
    
    <p id="p1">Hello World!</p>
    
    <script>
    document.getElementById("p1").innerHTML = "Hello Kitty!";
    </script>
    
    <p>上面的段落由脚本更改。</p>
    
    </body>
    </html>

    1.png

    查找元素的方法:

    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如何改变文本内容的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript innerHTML
    上一篇:JavaScript怎么实现打印操作 下一篇:javascript如何将数组转换为字符串
    线上培训班

    相关文章推荐

    • 详解javascript中动态合并两个对象的属性• 学会这20+个JavaScript单行代码,让你像专业人士一样编写代码• javascript中时间怎么转时间戳• javascript怎么判断是否ie浏览器• javascript怎么进行类型强制转换

    全部评论我要评论

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

    PHP中文网