Question

点击按钮同时改变按钮文字和文本

也就是说，当你用JS编程出一个代码后运行，只要点击按钮后，文本和按钮上的字同时改变，求代码

<p id="claa">我要改变这句话</p>
<script>
function myFunction()
{
x=document.getElementById("claa");
x.innerHTML="我去，终于能改变这句话了";
}
</script>
<button id="clab" type="button" onclick="myFunction()">点击我吧，就能改变了哦
</button>
<script>
function myFunction()
{
y=document.getElementById("clab")
y.innerHTML="怎么样，改变了吧"
}
</script>

Answer 1

1、首先让我们来新建HTML文件。

2、然后加入我想需要引入的图片。

3、然后看一下预览效果如图。

4、创建js函数。

5、给图片添加id并用js获取改变图片路径。

6、创建按钮添加图片点击事件触发函数。

7、预览效果如图。

8、点击按钮图片发生改变。

Answer 2

<p id="claa">我要改变这句话</p>
<button id="clab" type="button" onclick="myFunction()">
    点击我吧，就能改变了哦
</button>
<script>
    function myFunction() {
        x = document.getElementById("claa");
        x.innerHTML = "我去，终于能改变这句话了";
        y = document.getElementById("clab")
        y.innerHTML = "怎么样，改变了吧"
    }
</script>