javascript - 为什么 innerHTML 不能使用空格?

标签 javascript html

在下面的 html 中,前按钮没有响应,而后按钮更改了标记的内容。

<!DOCTYPE html>
<html>
    <body>
        <p id ="para">Initial text. </p>
        <button onClick=document.getElementById('para').innerHTML="move front">
            front
        </button>
        <button onClick=document.getElementById('para').innerHTML="back">
            back
        </button>
    </body>
</html>

在下面,两个按钮都会更改标签的内容。

<!DOCTYPE html>
<html>
    <body>
        <p id ="para">Initial text. </p>
        <button onClick=document.getElementById('para').innerHTML="movefront">
            front
        </button>
        <button onClick=document.getElementById('para').innerHTML="back">
            back
        </button>
    </body>
</html>

为什么银行空间会使按钮无响应?

最佳答案

这只是无效的 HTML。

您必须将整个 onclick 属性值加上引号,否则它将以空格结尾。

onClick = document.getElementById('para').innerHTML="move   // cut off here
front"    // a second (meaningless) attribute for your button tag.

关于javascript - 为什么 innerHTML 不能使用空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39434710/

相关文章:

javascript - 在 Javascript 中使用 setTimeout 从数组调用函数

javascript - 如何使用 css/html 或 javascript 为灰度图像添加颜色?

html - CSS,将两个 <p> 元素居中放置在主体上(在同一行)

html - col-xl-12 不是 div 父亲的 100%

html - 使用 Less 创建文本危险应用于面板时的默认样式

javascript - 覆盖层可通过在外部单击关闭

javascript - 切换不起作用 javascript ,没有错误

javascript - 有没有纯函数式的方法来合并 JavaScript 中的对象?

javascript - 如何在 React js 0.13.3 中访问嵌套对象

javascript - 获取已删除元素的 'top' 位置属性时出错