javascript - 根据类 ID 为变量指定特定的不同名称

标签 javascript

我有一个默认变量,它来 self 无法更改的地方。

我可以使用以下方法获取该变量的值:

var.name = {{var1}}

例如,该变量可以具有值名称:“test”

如果页面代码中有特定的类,我想更改此变量,如下所示:

<p class="pclass"></p>

和我之前提到的第一个变量采用不同的名称。如果没有此类,则第一个值会发生初始更改。

我想使用这样的东西

value = var.name
if ( value =="test" && document.getElementsByClassName("pclass") )
{
var.name = pclass
}else{
return var.name
}

最佳答案

您想要的是检查文档中的任何元素中是否存在该类,如果存在,则更改变量名称。这里是:

// Find all elements with that className
var elementsFound = document.getElementsByClassName("pClass");

// Check if the length of elementsFound is bigger than 0, if it is, it means there is more than 0 elements with that class, so the class exists somewhere
if (elementsFound.length > 0) {
    var.name = "pClass";
}

就是这样。不需要“else”,因为除非该条件得到验证,否则原始变量尚未更改。您当然可以添加更多验证(例如 var.name == teste 等)。

您也可以将其转换为仅 1 行:

if (document.getElementsByClassName("pClass").length > 0) 
    var.name = "pClass";

编辑

如果您想要两个验证(而不是控件),您的逻辑是正确的,但代码不仅仅只有一小部分:

if (var.name == "test" && ..... )

您需要在要比较的名称(字符串)周围放置“。除此之外,它应该可以工作。

关于javascript - 根据类 ID 为变量指定特定的不同名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31392452/

相关文章:

php - 检测当前页面的代码

javascript - 如何在不使用 JSON.stringify 或 JSON.parse 的情况下在 javascript 中克隆数组?

javascript - 如何使用 React js 从 Firebase 写入和读取实时数据

javascript - 导航栏如何使用 vanilla javascript 实现平滑滚动?

javascript - ReactJS 渲染多个子项

javascript - 使用 jquery 进行 URL 验证

javascript - 使用通配符的 jQuery 高级选择器

javascript - Vue.js 引用未定义,即使 this.$refs 显示它们在那里

javascript - 按钮单击功能在数据表工具栏自定义按钮上不起作用

javascript - 错误 document.geElementById ('id' ).style.width