在下面的片段中，我在頁面上有幾個類。我已經根據類串列創建了一個陣列。然后，我試圖將字串文字傳遞給該類。
如果我傳遞一個簡單的字串，比如“Hello World”，這可以正常作業，但它不適用于 SVG。
任何想法為什么？SVG 沒有任何錯誤，只是沒有顯示。
這是一個使用簡單 HTML 的示例
const myClasses = document.getElementsByClassName("myClass");
Array.prototype.forEach.call(myClasses, (myClass)=> {
myClass.innerHTML = `<h3>Hello World</h3>`;
});<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>這是另一個使用相同結構但使用 SVG 的示例
const myClasses = document.getElementsByClassName("myClass");
Array.prototype.forEach.call(myClasses, (myClass)=> {
myClass.innerHTML = `
<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<symbol id="btn-acc" viewBox="0 0 16 11">
<path d="M0 2.82813L2 0.828126L8 6.82813L14 0.828126L16 2.82813L8 10.8281L0 2.82813Z" fill="currentColor" />
</symbol>
</svg>
`;
});<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>uj5u.com熱心網友回復：
const myClasses = document.querySelectorAll(".myClass");
myClasses.forEach((myClass) => {
myClass.innerHTML = `
<svg width="16px" height="11px" viewBox="0 0 16 11" fill="black" xmlns="http://www.w3.org/2000/svg">
<path d="M0 2.82813L2 0.828126L8 6.82813L14 0.828126L16 2.82813L8 10.8281L0 2.82813Z" fill="currentColor" />
</svg>
`;
});<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/426131.html
標籤：javascript