在 Js 中设置自定义属性

Question

我正在过滤 table 并将其导出到 excel。要排除过滤后的行，我必须在 'tr'-element

中设置 data-exclude="true"

function Search() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[7];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "" ;
//Set here the Code data-exclude="false"
      } else {
        tr[i].style.display = "none";
//Set here the Code data-exclude="true";

      }
    }       
  }
}

``

Answer 1

您可以使用 setAttribute 函数

更新元素的属性

tr.setAttribute('data-exclude', true)

您可以使用getAttribute 函数来获取特定属性的值。请注意，值以字符串形式返回，需要在您的情况下转换为布尔值才能过滤

在 Js 中设置自定义属性

Set Custom attribute in Js

javascript

attributes

boolean

setattribute