Javascript 如何根据自定义属性从innerHTML中删除某些元素?
在自定义属性Javascript 如何根据自定义属性从innerHTML中删除某些元素?,javascript,html,Javascript,Html,在自定义属性数据促销值为1的情况下,是否仍然可以删除innerHTML中的链接?按钮的输出结果onclick应为: 上午10:00 上午11:00 下午12:00 任何帮助都将不胜感激 你可以找到我到目前为止试过的一把小提琴 功能日(项目){ var data=item.getAttribute('data-value'); document.getElementById('time-wrap').innerHTML=document.getElementById(data.innerHTML
数据促销
值为1
的情况下,是否仍然可以删除innerHTML
中的链接?按钮的输出结果onclick
应为:
上午10:00
上午11:00
下午12:00
任何帮助都将不胜感激
你可以找到我到目前为止试过的一把小提琴
功能日(项目){
var data=item.getAttribute('data-value');
document.getElementById('time-wrap').innerHTML=document.getElementById(data.innerHTML;
}
上午10:00
上午10:30
上午11:00
上午11:30
下午12:00
2017年12月9日
您可以使用CSS选择器,即引用自定义属性(即[data promo=“1”]
)的CSS选择器与.querySelectorAll()
结合使用,并使用.forEach()
在返回的列表上迭代以删除与选择器匹配的元素。例如:
功能日(项目){
var data=item.getAttribute('data-value');
document.getElementById('time-wrap').innerHTML=document.getElementById(data.innerHTML;
document.querySelectorAll('[data promo=“1”]').forEach(函数(元素){
element.parentNode.removeChild(元素);
});
}
上午10:00
上午10:30
上午11:00
上午11:30
下午12:00
2017年12月9日