0

直升机，

我正在使用生成报告的外部软件。我正在获取表格，然后将其打印到 div 中的网站。在生成此表之前我无权访问它，因此在呈现网站之前我无法设置任何属性。

所以我需要在这个表中添加属性作为渲染过程的最后一步，不管是 ID 还是 Class。

结构如下：

 <div class="data" id="Checklist">
     <p>Some text</p>

     <!-- There is this table -->
     <table style="...">...</table>

     <p></p> 
 </div>

我正在使用 IE v11。

我尝试了这样的事情（没有任何反应）：

  document.getElementById("Checklist").childNodes[0].className = "TestClassName";

另外（它给出了mi错误：对象不支持属性或方法'setAttribute'）

 document.getElementById('news').childNodes[0].setAttribute( 'class', new_class );

还有其他想法吗？

4

4 回答 4

1

如果您使用 ChildNodes 它将返回所有带有 nodelist 的空白空间，因此请使用 children 以便它只返回子元素

<div class="data" id="Checklist">
     <p>Some text</p>

     <!-- There is this table -->
     <table style="...">...</table>

     <p></p> 
 </div>

将您的 js 更改为

document.getElementById("Checklist").children[0].className="TestClassName";
document.getElementById('news').children[0].setAttribute( 'class', new_class );

它会起作用的

于 2018-07-05T05:56:25.403 回答
0

尝试这个 

 <div class="data" id="Checklist">
     <p>Some text</p>

     <!-- There is this table -->
     <table style="...">...</table>

     <p></p> 
 </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $("#Checklist").children('table').attr("class", "class_name");
</script>

用您的班级名称更改 class_name

于 2018-07-05T06:11:23.723 回答
0

假设这是您的代码，

<div class="data" id="Checklist">
    <p>Some Text</p>
    <div id="WhereTableWillGo">
        <table></table>
    </div>
    <p></p>
</div>

您可以在 window.onload 函数中进行更改，

window.onload = function() {
     document.getElementById("Checklist").getElementsByTagName("table")[0].classList.add("NewClass");
     // OR 
     document.getElementById("Checklist").getElementsByTagName("table")[0].setAttribute("class", "TestClassName");
}

或者您可以通过执行以下操作异步获取表，并在插入表之前进行更改，

var xhttp = new XMLHttpRequest;
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        // Do Alterations to Table
        document.getElementById("WhereTableWillGo").innerHTML = xhttp.responseText;
    }
}
xhttp.open("GET", "https://website.com");
xhttp.send();
于 2018-07-05T06:12:34.917 回答
0

试试这个来添加类

document.getElementById("Checklist").classList.add("TestClassName");


document.getElementById('Checklist').childNodes[1].setAttribute('class', 'table1');
.TestClassName {
  color: red;
}

.table1 {
  border: solid 1px;
}
<div class="data" id="Checklist">
  <p>Some text</p>

  <!-- There is this table -->
  <table style="...">...</table>

  <p></p>
</div>

于 2018-07-05T05:51:31.943 回答