代码之家 › 专栏 › 技术社区 › Fil

检查元素是否在javascript中创建[重复]

jquery javascript

Fil · 技术社区 · 6 年前

我有这个html代码,

<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="shipment-filter">
    <a class="dropdown-item" href="javascript:void(0)" data-table="ShipmentsDataTable" id="exportShipmentCSV_all"> CSV - All Shipments </a>
</div>

基于此,我想在 #exportShipmentCSV_all .

我就是这么做的。

let newElementA = document.createElement('a');
newElementA.setAttribute('id', 'classfilterBtnIsClicked');
newElementA.dataset.classfilterBtnIsClicked = true;

let currentDiv  = document.getElementById('shipment-filter');
currentDiv.insertBefore(newElementA, currentDiv.childNodes[0]);

如果 #全部导出 已经单击,我想用这种方式检查元素是否存在

if (document.getElementById('classfilterBtnIsClicked').length) {
    // Code here
}

基于这个参考。 Is there an "exists" function for jQuery?

Uncaught TypeError:无法读取null的属性“length”

在这段代码中,还有jquery,

2 回复 | 直到 6 年前

Yousaf 6 年前

你可以检查一下 document.getElementById('classfilterBtnIsClicked') 回报 null 或者不。如果元素不存在, 会回来的 无效的

Mamun 6 年前

Document.getElementById() - Return value

描述与指定ID匹配的DOM元素对象的元素对象,如果在文档中找不到匹配的元素,则为空。

返回的元素对象没有长度财产,所以你得到 未定义 .

为什么使用 ? 你不需要使用长度属性,检查元素对象本身就足够了:

let newElementA = document.createElement('a');
newElementA.setAttribute('id', 'classfilterBtnIsClicked');
newElementA.dataset.classfilterBtnIsClicked = true;

let currentDiv  = document.getElementById('shipment-filter');
currentDiv.insertBefore(newElementA, currentDiv.childNodes[0]);

if (document.getElementById('classfilterBtnIsClicked')) {
    console.log('Element exists');
}

<div class="dropdown-menu" aria-labelledby="dropdownMenuButton" id="shipment-filter">
    <a class="dropdown-item" href="javascript:void(0)" data-table="ShipmentsDataTable" id="exportShipmentCSV_all"> CSV - All Shipments </a>
</div>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前