Javascript 在dom中应用id值并将其设置为js函数中的变量_Javascript_Html_Dom_Var

Javascript 在dom中应用id值并将其设置为js函数中的变量

javascript html dom

Javascript 在dom中应用id值并将其设置为js函数中的变量,javascript,html,dom,var,Javascript,Html,Dom,Var,我想知道我怎样才能做到以下几点我想用一个特定的属性值设置一个包含特定id的div。然后将此id应用于函数中的变量，以便在调用函数时应用id值 <html> <head></head> <body> <div id="1123123" value="idloader"> </div> </body> </html> id中包含的字符串应设置为函数中的变量 <script> func

我想知道我怎样才能做到以下几点

我想用一个特定的属性值设置一个包含特定id的div。然后将此id应用于函数中的变量，以便在调用函数时应用id值

<html>
<head></head>
<body>
<div id="1123123" value="idloader"> </div>
</body>
</html>

id中包含的字符串应设置为函数中的变量

<script>

function setTheId() {
div.id.valueOf(id).hasAttribute([value="idloader"])
};

var XYZ = setTheId();

</script>


函数setheid（）{
div.id.valueOf（id）.hasAttribute（[value=“idloader”]）
};
var XYZ=setheid（）；

总之，属性为

value=“idloader”

的DOM元素id中设置的（

var XYZ=1123123

）应该等于函数中的变量

<script>

function setTheId() {
div.id.valueOf(id).hasAttribute([value="idloader"])
};

var XYZ = setTheId();

</script>

注。。这与我们不尝试在DOM中基于属性查找元素不同，而是使用特定字符串设置元素，该字符串可以存储到脚本中的变量中。

是的，这是可能的，但您不需要通过所有这些来获得所需的结果

要获取属性等于特定值的元素，可以使用

querySelector

。获得该元素后，获取

id

var XYZ = document.querySelector('[value="idloader"]').id;

是的，这是可能的，但你不需要经历所有这些来获得你想要的结果

要获取属性等于特定值的元素，可以使用

querySelector

。获得该元素后，获取

id

var XYZ = document.querySelector('[value="idloader"]').id;

HTML不管理元素div上的属性值

正确的解决办法是

let x=document.querySelector（'[data value=“idloader”]'）.id
console.log（x）

HTML不管理元素div上的属性值

正确的解决办法是

let x=document.querySelector（'[data value=“idloader”]'）.id
console.log（x）

使用

querySelectorAll

获取所有具有

id

且其

值

属性等于

“idloader”

的div

var elems=document.querySelectorAll（'div[id][value=“idloader”]”）；
对于（变量i=0；i


使用querySelectorAll
获取所有具有id
且其值
属性等于“idloader”
的div

var elems=document.querySelectorAll（'div[id][value=“idloader”]”）；
对于（变量i=0；i


是否尝试查找具有该value=“idloader”
属性的元素并检索其id
？如果是这样，是否可以使用classname
属性而不是value
属性？您可以使用document.getElementsByClassName（）
@wizebin这样做有什么好处？元素甚至没有类-可能的副本。然后，除了id属性外，@MikeMcCaughan这些在技术上与我们不试图在DOM中查找元素不同，但我们将元素设置为特定的id，然后允许id值成为函数中的变量，这将允许我们在DOM中指定变量来接收id字符串。。。正确的？这就是所有答案向你展示的方法，在我链接的第一个问题中重复了这些答案。第二个问题的答案中描述了设置id。将id存储在变量中并返回该变量。。。如果您需要这方面的帮助，请参见的答案。您是否正在尝试查找具有该value=“idloader”
属性的元素并检索其id
？如果是这样，是否可以使用classname
属性而不是value
属性？您可以使用document.getElementsByClassName（）
@wizebin这样做有什么好处？元素甚至没有类-可能的副本。然后，除了id属性外，@MikeMcCaughan这些在技术上与我们不试图在DOM中查找元素不同，但我们将元素设置为特定的id，然后允许id值成为函数中的变量，这将允许我们在DOM中指定变量来接收id字符串。。。正确的？这就是所有答案向你展示的方法，在我链接的第一个问题中重复了这些答案。第二个问题的答案中描述了设置id。将id存储在变量中并返回该变量。。。如果您需要帮助，请在的答案中进行描述。这很有效。。非常感谢。我还想知道，当添加一个带有php或liquid函数的javascript变量时，是否可以使用当时截取的第一个代码，从而允许根据每个Id在页面上的位置从上到下调用它。我不认为会发生这种情况，所以似乎每次都需要运行一个新的变量值。这很有效。。非常感谢。我还想知道，当添加一个带有php或liquid函数的javascript变量时，是否可以使用当时截取的第一个代码，从而允许根据每个Id在页面上的位置从上到下调用它。我不认为会发生这种情况，所以似乎每次都需要运行一个新的变量值。