Question

我是Javascript的初学者，并且在这个问题上坐了一段时间，某个地方我做错了什么，但我不认为我理解了它的概念。我试图从我点击我的按钮时调用一个函数，但是我可以通过警报和提示轻松地完成此操作，完美地工作但是当我试图更改我的网站的网站时，它不起作用。如果你能告诉我我做错了什么以及为什么请你这样做会很高兴。

window.onload = saved;

function ChangeStyle(){
    var ThirdButton = document.getElementById('buttonThree');
    ThirdButton.onclick = ChangeText;
}
function ChangeText(){
    p.innerHTML = "CantCareLess";
}

function saved()
{
ChangeStyle();
}

HTML

<button id="buttonThree"> Utseende </button>

所以我的网站上有很多文字，包含很多段落。但是，当我点击按钮时，它并没有将所有段落改为＆＃34; CantCareLess＆＃34;，它没有＆＃39 ; t在任何地方改变..

如果我处于警戒状态（＆＃34; Hello＆＃34;）;在我的功能中，它完美地运作，所以我的功能没有任何问题。

Answer 1

我希望这会帮助你。

< p id = "demo" > here is your text! < /p>

<button onclick="myFunction()">this is button</button >
  < script >
  function myFunction() {
    var str = document.getElementById("demo").innerHTML;
    var res = str.replace("text changed", );
    document.getElementById("demo").innerHTML = res;
  } < /script>

当我点击按钮时，＆＃39; p＆＃39;将文本更改为＆＃34;文本已更改＆＃34;。

Answer 2

    function changeText() {
         var p = document.getElementsByTagName("p");
         for (var i = 0; i < p.length; i++) {
             p[i].innerHTML = "CantCareLess";
         }
    }

我们无法将文字更改为＆＃34; CantCareLess＆＃34;没有首先选择p元素。

所以，首先我们使用document.getElementsByName("p")选择p元素然后我们使用for循环遍历每个p，然后将文本更改为＆＃34; CantCareLess＆＃34;

不能用Javascript改变我的网站的风格

2 个答案: