I want to set the text in a </code> from a js-function; I\'m simply setting the <code>innerText</code>-attribute to a new value. The text is multiline <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>5条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000012.jpg" alt=" [愿得一人] "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> [愿得一人]</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-13 07:43</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>According to the HTML Spec:</p> <blockquote> <p><code>element . innerText [ = value ]</code> </p> <p>Returns the element's text content "as rendered". </p> <p>Can be set, to replace the element's children with the given value, but with line breaks converted to <code>br</code> elements.</p> </blockquote> <hr> <p>Meaning, what you have should have worked. As noted by other answers you could use <code>textContent</code>, <code>value</code>, <code>innerHTML</code> all of which are more likely to work.</p> <p>If you are set on using <code>textContent</code>, you have a few options/peculiarities, which I'll list out below:</p> <ol> <li><p>Use an ES6 transpiler such as Babel.js<br> You can test by enabling ES6 in Stack Overflow's snippet editor.</p></li> <li><p>Refer to (3) options in the snippet below<br> Note: these seem to work in OSX Safari but not Google Chrome</p></li> </ol> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>// Call toString() method document.getElementById('my_textarea').innerText = "foo\nbar".toString(); // Include the line return character document.getElementById('my_textarea2').innerText = "foo\r\nbar"; // Apparently, any whitespace or escape character will work document.getElementById('my_textarea3').innerText = "foo \nbar";</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><textarea id="my_textarea">
</code> from a js-function; I\'m simply setting the <code>innerText</code>-attribute to a new value. The text is multiline <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>5条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000012.jpg" alt=" [愿得一人] "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> [愿得一人]</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-13 07:43</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>According to the HTML Spec:</p> <blockquote> <p><code>element . innerText [ = value ]</code> </p> <p>Returns the element's text content "as rendered". </p> <p>Can be set, to replace the element's children with the given value, but with line breaks converted to <code>br</code> elements.</p> </blockquote> <hr> <p>Meaning, what you have should have worked. As noted by other answers you could use <code>textContent</code>, <code>value</code>, <code>innerHTML</code> all of which are more likely to work.</p> <p>If you are set on using <code>textContent</code>, you have a few options/peculiarities, which I'll list out below:</p> <ol> <li><p>Use an ES6 transpiler such as Babel.js<br> You can test by enabling ES6 in Stack Overflow's snippet editor.</p></li> <li><p>Refer to (3) options in the snippet below<br> Note: these seem to work in OSX Safari but not Google Chrome</p></li> </ol> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>// Call toString() method document.getElementById('my_textarea').innerText = "foo\nbar".toString(); // Include the line return character document.getElementById('my_textarea2').innerText = "foo\r\nbar"; // Apparently, any whitespace or escape character will work document.getElementById('my_textarea3').innerText = "foo \nbar";</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><textarea id="my_textarea">
加载中...