gpt4 book ai didi

javascript - 函数没有被调用,我需要 window.load 吗?

转载 作者:行者123 更新时间:2023-11-28 19:11:36 32 4
gpt4 key购买 nike

我试图在单击某个项目时更改该项目的 CSS 样式。

瑞安.js

function ryanClicked(id){
document.getElementById(id).style.color = "blue";
alert("Asdsa");
}

产品.html

<head>
<script src="ryan.js"></script>
</head>
<body>
<div id ="sizeButton1"class="sizeButton" onclick="ryanClicked(sizeButton1)"> S </div>
<div id ="sizeButton2"class="sizeButton" onclick="ryanClicked(sizeButton2)"> M </div>
<div id ="sizeButton3"class="sizeButton" onclick="ryanClicked(sizeButton3)"> L </div>

我想我需要一个 onReady 或 onLoad 某处?好久没做js了。我的页面包含 Jquery,因此我可以使用 jquery 进行就绪事件。我不确定这样做是否会更好。

最佳答案

试试这个,您不需要将 id 传递给您的函数,而是可以传递 this (指被单击的元素),

function ryanClicked(el) {
el.style.color = "blue";
}
<div id="sizeButton1"class="sizeButton" onclick="ryanClicked(this)">S</div>
<div id="sizeButton2"class="sizeButton" onclick="ryanClicked(this)">M</div>
<div id="sizeButton3"class="sizeButton" onclick="ryanClicked(this)">L</div>

关于javascript - 函数没有被调用,我需要 window.load 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30641067/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com