Fatal编程技术网
  • javascript/
  • Javascript 基本HTML按钮不更改文本

Javascript 基本HTML按钮不更改文本

javascript html

Javascript 基本HTML按钮不更改文本,javascript,html,Javascript,Html,我试图创建一个网站，展示CSS和JS的强大功能。CSS部分似乎工作得很好，但JS部分不是。我试着用一个按钮来改变文本“Hello World”。然而，每当我按下按钮，它什么也不做 我尝试过修复我的标记，尝试不同的事件处理程序，将输出放入函数中，随后将其从函数中删除，将脚本直接移动到HTML中，并使用window.onload，但都不起作用 <head> ><link rel="stylesheet" type="text/css" href="mystyl

我试图创建一个网站，展示CSS和JS的强大功能。CSS部分似乎工作得很好，但JS部分不是。我试着用一个按钮来改变文本“Hello World”。然而，每当我按下按钮，它什么也不做

我尝试过修复我的标记，尝试不同的事件处理程序，将输出放入函数中，随后将其从函数中删除，将脚本直接移动到HTML中，并使用window.onload，但都不起作用

<head>
        ><link rel="stylesheet" type="text/css" href="mystyle.css">
        ><script type="text/javascript" src="../mybutton.js"></script>
    </head>
<p id="gold">Hello World</p>
<button type="button" id="jsClick">Don't Click<button>
<button type="button" id="jsHeal">Heal My World<button>
我的预期结果是单击按钮并更改我的段落文本。实际输出是所有HTML和CSS都像往常一样加载，但当我单击时，什么也没有发生。编辑：我已经尝试了所有的答案。我相信实际运行JavaScript会有问题，因为即使直接在HTML中编程JavaScript也不起作用。

添加了一个名为change（）的函数，该函数使用onClick事件将段落文本更改为hello world

<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <script type="text/javascript" src="../mybutton.js"></script>
</head>


<p id="gold">Hello World</p>
<button type="button" id="jsClick">Don't Click<button>
<button type="button" onclick="change()" id="jsHeal">Heal My World<button>



<script>

function change()
{
document.getElementById("gold").innerHTML="Hello World";
}


</script>


你好，世界

不要点击
治愈我的世界
函数更改（）
{
document.getElementById（“gold”）.innerHTML=“Hello World”；
}
另外，代码中的许多错误都应该清理掉，添加了一个名为change（）的函数，它使用onClick事件将段落文本更改为hello world

<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <script type="text/javascript" src="../mybutton.js"></script>
</head>


<p id="gold">Hello World</p>
<button type="button" id="jsClick">Don't Click<button>
<button type="button" onclick="change()" id="jsHeal">Heal My World<button>



<script>

function change()
{
document.getElementById("gold").innerHTML="Hello World";
}


</script>

<button type="button" id="jsClick" onclick="changeMe()">Don't Click</button>

function changeMe() {
const myButton = document.getElementById("jsClick");
myButtoon.innerText = "Some random text"
}


你好，世界

不要点击
治愈我的世界
函数更改（）
{
document.getElementById（“gold”）.innerHTML=“Hello World”；
}
注：代码中的许多错误都应该清理掉，不要点击 
<button type="button" id="jsClick" onclick="changeMe()">Don't Click</button>

function changeMe() {
const myButton = document.getElementById("jsClick");
myButtoon.innerText = "Some random text"
}
函数changeMe（）{ const myButton=document.getElementById（“jsClick”）； MyButton.innerText=“一些随机文本” } 或者，您可以使用DOM选择您的元素，并在其上添加一个事件侦听器，一个单击事件侦听器，它触发执行上述操作的函数。希望有帮助

不要点击
函数changeMe（）{
const myButton=document.getElementById（“jsClick”）；
MyButton.innerText=“一些随机文本”
}
或者，您可以使用DOM选择您的元素，并在其上添加一个事件侦听器，一个单击事件侦听器，它触发执行上述操作的函数。希望有帮助

这里有几个问题：

  • ID不匹配<代码>黄金不是黄金
  • 这不是初始化函数的方式，请删除
    >
  • 您不能为函数的返回值赋值（
    document.getElementById（“jsClick”）=
    不起作用，您不能 以这种方式分配值）；您可能希望将
    onclick设置为
    
属性设置为该函数
  • 您没有关闭
    标记
    • 以下是您提供的工作示例：

    
你好，世界
    
不要点击
治愈我的世界
window.onload=函数（）{
document.getElementById（“jsClick”）.onclick=function（）{document.getElementById（“gold”）.innerHTML=“请不要单击”}；
document.getElementById（“jsHeal”）.onclick=function（）{document.getElementById（“gold”）.innerHTML=“Hello World”}；
}
    有几个问题：

  • ID不匹配<代码>黄金不是黄金
  • 这不是初始化函数的方式，请删除
    >
  • 您不能为函数的返回值赋值（
    document.getElementById（“jsClick”）=
    不起作用，您不能 以这种方式分配值）；您可能希望将
    onclick设置为
    
属性设置为该函数
  • 您没有关闭
    标记
    • 以下是您提供的工作示例：

    
你好，世界
    
不要点击
治愈我的世界
window.onload=函数（）{
document.getElementById（“jsClick”）.onclick=function（）{document.getElementById（“gold”）.innerHTML=“请不要单击”}；
document.getElementById（“jsHeal”）.onclick=function（）{document.getElementById（“gold”）.innerHTML=“Hello World”}；
}
    ID和类在HTML和Javascript中区分大小写，因此
    gold
    不等于
    gold
    ID和类在HTML和Javascript中区分大小写，因此
    gold
    不等于
    gold
    加载此内容时是否查看了js控制台，你的关门按钮错了。那么
    函数（）>>{ <代码> >还没有。当我进入支持这个的计算机时，我会张贴。这里只是……在语法上有很多错误。您没有正确地关闭按钮标签，您试图将函数直接分配给元素，在函数定义的中间有“<代码> > >代码>，没有明显的原因，您的段落ID不是Matc。h您正在搜索的ID…哪个浏览器没有JS控制台？在按钮中添加onClick事件加载此内容时查看JS控制台吗？请注意，您的关闭按钮有误。
    函数（）中的
    >
    有什么问题{ <代码> >还没有。当我进入支持这个的计算机时，我会张贴。这里只是……在语法上有很多错误。您没有正确地关闭按钮标签，您试图将函数直接分配给元素，在函数定义的中间有“<代码> > >代码>，没有明显的原因，您的段落ID不是Matc。h您正在搜索的ID…哪个浏览器没有JS控制台？在按钮上添加onClick事件。修复了错误，但我觉得有关
    的某些内容无法正常工作，因为没有出现简单的警报。我在这个html文件中包含了标记，所以您通常不需要调用mybutton.JS scriptJavascript Isn由于某些原因无法工作。但是，我的文件不可能已过期，因为CSS正在更新。尝试了。修复了错误，但我觉得有关
    的某些内容无法工作，因为没有出现简单的警报。我包括在内