我需要從此更改錨標記
<a href="#" id="masini">Ma?ini <i class="bi bi-caret-right"></i></a>
對此
<a href="#" id="masini">Ma?ini <i class="bi bi-caret-down"></i></a>
當螢屏變小。基本上是回應式的。我需要使用 javascript 順便說一句。
我嘗試了下面的代碼，但它不起作用。
if(window.innerWidth < 1130px)
{
var replace = "Ma?ini"
replace = "<i hljs-string">"></i>";
document.getElementById("masini").innerHTML = replace;
}
uj5u.com熱心網友回復：
我建議定位<i>元素并更改它的類：
if (window.innerWidth < 1130) {
const iElement = document.querySelector("#masini i");
iElement.classList.replace("bi-caret-right", "bi-caret-down");
}
uj5u.com熱心網友回復：
您需要分隔雙引號或用單引號括起來。
replace = '<i class="bi bi-caret-down"></i>';
或者：
replace = "<i class=\"bi bi-caret-down\"></i>";
uj5u.com熱心網友回復：
這將有助于執行以下操作：
if (window.innerWidth < 1130) {
document.getElementById("masini").className = "bi bi-caret-down";
}<a href="#">Ma?ini <i id="masini" class="bi bi-caret-right"></i></a>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/469205.html
標籤：javascript html