javascript - 为什么此代码不适用于单独的 javascript?

标签 javascript html

我想在单击按钮时将一段文本变为红色。为什么第一组代码(具有单独的 Javascript 和 HTML)不起作用...但第二组代码却起作用?

第一组(不工作)

JAVASCRIPT:
    function focus()
    {
        getElementById('redder').style.color = '#ff0000';
    }

HTML:
    <button id="button1" onClick="javascript:focus()">cool</button>
    <span id="redder"> RED </span>

. . .

第二组(工作)

HTML:
    <button id="button1" onClick="getElementById('redder').style.color = '#ff0000';">cool</button>
    <span id="redder"> RED </span>

最佳答案

  1. 将点击事件处理程序的名称从 focus 更改为其他名称;
  2. 你需要使用document.getElementById()
<script>
     function changeColor()
        {
            document.getElementById('redder').style.color = '#ff0000';
        }
    </script>
    <body>
        <button id="button1" onClick="changeColor();">cool</button>
        <span id="redder"> RED </span>
    </body>

关于javascript - 为什么此代码不适用于单独的 javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14919591/

相关文章:

javascript - 空并在 html 页面上放置外部 javascript

javascript - 解析来自http请求的JSON响应?

javascript - 如何为屏幕阅读器用户指示必填字段和表单验证?

javascript - 根据屏幕大小使用不同的js规则

javascript - 按 Enter 键 react 组件

javascript - 我如何在两个 nuxt 页面之间转换,同时首先等待子组件转换/动画完成?

javascript - 将按钮的 Action 与其 div 的 Action 隔离

javascript - 当我调整浏览器大小时,我需要帮助让我的页脚不覆盖我的内容

html - 使用 css 和 html 的按钮下划线动画

html - 单击链接时防止页面转到顶部