主页 / 问题 / 1601202
Accepted
user654927
Asked:2024-11-29 19:45:29 +0000 UTC2024-11-29 19:45:29 +0000 UTC

通过innerHTML显示时如何更改元素的样式

  • 772

////HTML

<section>
    <div class="div-16">Хеллоу</div>
    <div class="div-16">Хеллоу</div>
    <div class="div-16">Хеллоу</div>
    <button class="button-primary b-16">Task-12</button>
    <div class="out-16"></div>
</section>

///////////JS

let div16 = document.querySelectorAll('.div-16');
let btn16 = document.querySelector('.b-16');
let out16 = document.querySelector('.out-16');

btn16.addEventListener('click', () => {
    out16.innerHTML = '';
    f16();
});
function f16(){
    for(let i = 0; i < div16.length; i++){
        div16[i].style.color = 'red'
        out16.innerHTML = div16[i].innerHTML
    };
};

需要在out16中以红色字体显示类div-16的div的内容 - “Hello”，使用指定的代码，不会以字体颜色输出“Hello”。除此之外还有其他解决方案：

out16.innerHTML += "<div class = 'div-16' style = 'color: red'>"Хеллоу"</div>"
javascript

1 个回答

  1. Best Answer
    let div16 = document.querySelectorAll('.div-16');
let btn16 = document.querySelector('.b-16');
let out16 = document.querySelector('.out-16');

btn16.addEventListener('click', () => {
    out16.innerHTML = '';
    f16();
});
function f16(){
    for(let i = 0; i < div16.length; i++){
        out16.style.color ='red'
        out16.innerHTML +=  div16[i].innerHTML + ' ' + '<br>'
    };
};
    • 0

相关问题