JS 搜索整个html标签,对特定的class进行获取并取得元素之后,进行样式或元素更改

6 篇文章 0 订阅
mounted(){

        this.getClass() //初始化引用

}

getClass(){

   var odiv = document.getElementsByTagName("*");

for(var i = 0; i<odiv.length; i++){

if(odiv[i].className == 'van-action-sheet__name'){

let val = odiv[i].innerText;

if(val && val.length>14){

let prevVal = val.substring(0,11);

let nextVal = val.substring(11,val.length);

odiv[i].innerHTML = `${prevVal}<span style='color:#568fff'> ${nextVal} </span>`

}

}

}

},

OR

 let divsToHide = document.getElementsByClassName("el-popper"); //divsToHide is an array

    for(let i = 0; i < divsToHide.length; i++){

       // divsToHide[i].style.visibility = "hidden"; // or

        divsToHide[i].style.display = "none"; // depending on what you're doing

    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,我来回答您的问题。 如果您想在 HTML 页面中查找某个元素,可以使用浏览器提供的开发者工具来检查 HTML 页面的源代码。在大多数现代浏览器中,可以通过按 F12 或使用浏览器菜单中的“开发者工具”选项来打开该工具。 一旦您打开了开发者工具,可以使用其“元素”选项卡来查找页面中的元素。您可以使用鼠标悬停在页面上的不同元素上,开发者工具会显示该元素HTML 代码。如果您想要查找某个具体的元素,可以使用开发者工具的搜索功能。 如果您发现页面中确实没有某个元素,可能有以下几种情况: 1. 该元素确实不存在于页面中,这可能是因为页面作者没有添加该元素或者该元素被动态生成并且当前未出现在页面中。 2. 该元素可能存在于页面中,但是由于样式或布局问题而无法看到。您可以使用开发者工具的“样式”选项卡来查看元素样式属性并尝试更改这些属性来看到元素。 希望这能帮到您,如果您还有其他问题,请随时问我。 ### 回答2: 要查询一个html页面中是否存在某个元素,可以通过使用编程语言中的相关DOM操作函数来实现。以下是一个简单的方法: 1. 使用编程语言中的HTML解析库,如Python中的BeautifulSoup或JavaScript中的jQuery,将html页面加载进来。 2. 使用DOM操作函数,如getElementById、getElementsByTagN a me、querySelector等,来获取特定元素元素集合。 3. 判断所需元素是否存在。对于Python中的BeautifulSoup,可以使用if判断语句来检测是否找到了目标元素。对于JavaScript中的jQuery,可以使用length属性来判断获取到的元素集合的长度是否大于零。 以下是一个使用Python的BeautifulSoup库来查询一个元素的示例代码: ```python from bs4 import BeautifulSoup def check_element(html, element_id): soup = BeautifulSoup(html, 'html.parser') # 加载html页面 element = soup.find(id=element_id) # 获取特定元素 if element: # 判断是否找到了目标元素 return True else: return False ``` 其中,html参数为要查询的html页面,element_id参数为要查询的元素的id。调用check_element函数后,返回值为True表示存在该元素,返回值为False表示不存在该元素。 当然,根据不同的编程语言和库,具体的查询方法会有所差异,以上提供的是一种常见的方法供参考。 ### 回答3: 查询页面HTML中是否存在某个元素,可以使用JavaScript中的document对象的相关方法来实现。 首先,可以使用document对象的getElementById()方法来根据元素的id属性值来获取元素。如果返回的结果不为null,则表示页面中存在该元素。 其次,可以使用document对象的querySelector()方法来使用CSS选择器来获取元素。该方法返回的是匹配该选择器的第一个元素。如果返回的结果不为null,则表示页面中存在该元素。 另外,可以使用document对象的getElementsByClassName()方法来根据元素class属性值来获取元素。该方法返回的是一个HTMLCollection对象,是一个类似数组的对象,可以通过遍历该对象来判断页面中是否存在该元素。 还可以使用document对象的getElementsByTagName()方法来根据元素标签名来获取元素。该方法返回的也是一个HTMLCollection对象,可以通过遍历来判断页面中是否存在该元素。 以上是几种常见的判断页面HTML中是否存在元素的方法,可以根据具体的需求选择合适的方法来使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值