最新消息:20210917 已从crifan.com换到crifan.org

【已解决】js中如何更新html元素的text文本值

JS crifan 401浏览 0评论
折腾:
【已解决】electron中实现html的文本区域界面用于显示js中获取到的字符串
期间,先要去搞清楚,如何在js中,更新html中的元素的文本的值。
此处html是
electron-python-example/index.html
    <div id="mitm">
      <button id="startSaver">启动代理</button>
      <div>
        <!-- <textarea readonly id="output"  rows="100" cols="50"></textarea> -->
        <textarea readonly id="output"></textarea>
      </div>
    </div>
中的id是output的textarea
js update html element text
HTML/Javascript change div content – Stack Overflow
javascript – How do I replace text inside a div element? – Stack Overflow
html – How do I change text within <div> tags with Javascript? – Stack Overflow
html – How do I change the text of a span element in JavaScript – Stack Overflow
HTML DOM textContent Property
【总结】
此处,更新html元素的text值:
不推荐,旧的不安全的写法innerHTML
let outputElement = document.querySelector('#output')
outputElement.innerHTML += "\n" + "new text value"
而推荐用textContent,且现在的主流浏览器都支持此写法:
let outputElement = document.querySelector('#output')

outputElement.textContent += "\n" + "new text value"
即可。

转载请注明:在路上 » 【已解决】js中如何更新html元素的text文本值

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
95 queries in 0.660 seconds, using 23.45MB memory