javascript - 按钮 onclick 事件不会触发

标签 javascript html button onclick

请帮忙。任务是:“编写一个 JavaScript 程序,通过定期从字符串末尾删除一个字母并将其附加到前面,以正确​​的方向旋转字符串 'w3resource'。”

<小时/>

function moveIt() {
    var element = document.getElementById("target");
    var textNode = element.childNodes[0];
    var text = textNode.nodeValue;

    setInterval(function() {
        text = text[text.length - 1] + text.substring(0, text.length - 1);
        textNode.nodeValue = text;
    }, 500);
}
<body>    
  <button type="button" onclick="animate('target')">click to animate</button>    
  <p id="target">w3resource</p>
</body>

当我将其应用于 document.body 中的 onload 事件时,该函数可以工作,但它不适用于按钮。我做错了什么?

最佳答案

我认为您正在调用保留的方法名称,而且您使用的是字符串值而不是变量。更改为 foo 并且工作正常。

<body>

<button type="button" onclick="foo('target')">click to animate</button>

<p id="target">w3resource</p>
<script>
function foo(target){
            var element = document.getElementById(target);
            var textNode = element.childNodes[0];
            var text = textNode.nodeValue;

            setInterval(function() {
                text = text[text.length - 1] + text.substring(0, text.length - 1);
                textNode.nodeValue = text;
            }, 500);
        }
</script>
</body>

关于javascript - 按钮 onclick 事件不会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54776876/

相关文章:

Javascript 类属性和方法的工作方式不同

javascript - 函数调用在我的页面中不起作用

html - 如何设置文件上传的样式?

ios - 在 Swift 中使用按钮启动和停止动画

javascript - 如何减慢 JavaScript 中 for 循环的执行速度?

javascript - AngularJS ng-class 如果元素存在

javascript - 图像上的标题文字

javascript - 嵌入式对象后面的 jquery 组合框(仅限 IE)

html - 在共享按钮中显示默认文本?

html - 单击按钮将输入数据保存到 localStorage