第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

未捕獲的 SyntaxError:輸入 js 的意外結束

未捕獲的 SyntaxError:輸入 js 的意外結束

元芳怎么了 2022-10-13 19:16:22
我有這段代碼,在嘗試了所有操作后我一直收到同樣的錯誤。我還檢查了其他類似的stackoverflow問題,但仍然沒有答案,請你幫幫我錯誤: 未捕獲的語法錯誤:輸入意外結束Javascriptconst colors = document.getElementsByClassName('s-colors');for(var i = 0; i < colors.length; i++) {    colors[i].addEventListener('click', () => {            console.log(this.getAttribute("data-color"));    })}html<div class="pdt-color">    <h4>Color</h4>    <div class="colors">        <a href="javascript:void" class="s-colors" data-color="red"            style="background-color: red;"></a>        <a href="javascript:void" class="s-colors" data-color="black"            style="background-color: black;"></a>        <a href="javascript:void" class="s-colors" data-color="yellow"            style="background-color: yellow;"></a>        <a href="javascript:void" class="s-colors" data-color="blue"            style="background-color: blue;"></a>    </div></div>
查看完整描述

2 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

下面的代碼應該可以解決問題。我用 # 鏈接替換了 javascript 鏈接,并使用 preventDefault 函數(shù)防止 URL 在單擊時更改。試試看。


const colors = document.querySelectorAll('.s-colors');


colors.forEach(color => {

    color.addEventListener('click', (e) => {

        e.preventDefault();

        console.log(color.dataset.color);

    });

});

.s-colors {

    width: 100px;

    height: 50px;

    display: inline-block;

}

<h4>Color</h4>

<a href="#" class="s-colors" data-color="red" style="background-color: red;"></a>

<a href="#" class="s-colors" data-color="black" style="background-color: black;"></a>

<a href="#" class="s-colors" data-color="yellow" style="background-color: yellow;"></a>

<a href="#" class="s-colors" data-color="blue" style="background-color: blue;"></a>


查看完整回答
反對 回復 2022-10-13
?
鳳凰求蠱

TA貢獻1825條經驗 獲得超4個贊

你需要做

<a href="javascript:void(0)"

javascript:void 是一個不完整的陳述,這就是您在這里遇到問題的原因。


查看完整回答
反對 回復 2022-10-13
  • 2 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號