Javascript strike()操作无效

时间:2017-05-21 06:49:00

标签: javascript

我想使用J来攻击文本,但是使用Js无法完成。

<!DOCTYPE html>
 <html>

  <head>
    <script type="text/javascript">
      document.getElementsByTagName("p")[0].innerText.strike();

    </script>

  </head>

  <body>

     <p>Version 2.0 is not yet available! now available!</p>

     <p>The strike element is not supported in HTML5. Use CSS instead.</p>

  </body>
</html>

我甚至试过了innerHTML,但它仍无效。

1 个答案:

答案 0 :(得分:2)

to be deprecated strike无法正常工作

通常,您需要在JavaScript中将值和属性重新分配回其对象。

在这种情况下,您需要为innerHTML分配被攻击的文本,因为它只是包装在中 <strike></strike>代码

&#13;
&#13;
var par = document.getElementsByTagName("p")[0];
par.innerHTML = par.innerText.strike();
&#13;
<p>Version 2.0 is not yet available! now available!</p>

<p>The strike element is not supported in HTML5. Use CSS instead.</p>
&#13;
&#13;
&#13;

最好使用CSS:text-decoration: line-through;

&#13;
&#13;
var par = document.getElementsByTagName("p")[0];
par.classList.add("strike");
&#13;
.strike { text-decoration: line-through }
&#13;
<p>Version 2.0 is not yet available! now available!</p>

<p>The strike element is not supported in HTML5. Use CSS instead.</p>
&#13;
&#13;
&#13;