时间戳

首页 > 解决方案 > 如何选择一个拆分元素并使用 JavaScript 操作它的 DOM？

javascript - 如何选择一个拆分元素并使用 JavaScript 操作它的 DOM？

问题描述

我已经拆分了一个数组，现在我想选择和操作一个或多个特定元素拆分。

function displayAlignment(data) {
    let html = "";
    html += `<h3>Alignments</h3>`
    for (let i = 0; i < data.results[1].desc.split(/\n/).length; i++) {
        html += `<p>${data.results[1].desc.split(/\n/)[i]}</p>`
    }
    document.querySelector(`.content-text`).innerHTML = html
}

例如，我想获取data.results[1].desc.split(/\n/)[4]并更改其属性样式：颜色、字体大小等。如何选择和操作它？感谢您的帮助。

标签： javascript

解决方案

您可以：

i）在循环上有一个条件(if i === 4)并添加内联样式。又名<p style="here">${data.results[1].desc.split(/\n/)[i]}</p>

ii) 添加类或 id 并使用 CSS

iii）如果你已经给了一个选择器或类/ID，然后应用样式document.getElementById(id).style.property = new style，链接以阅读更多内容，请使用带有选择器或类/ID的javascript抓取它。

希望有很多方法。让我们知道！

推荐阅读