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

折腾：

【已解决】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文本值

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

与本文相关的文章

Hi，您需要填写昵称和邮箱！