HTML元素属性动态分配

HTML element attributes dynamic assignment

本文关键字：动态分配 属性 元素 HTML      更新时间：2023-09-26

假设我有以下HTML代码：

<HTML>
    <BODY>
        <FORM>
            <div name="container" id="setup">
                <div name="element 1" id="element 1"> 
                    <input type="button" value="xxx" name="button 1" />
                </div>
            </div>
        </FORM>
    </BODY>
</HTML>

我想实现以下目标：

无论父节点id是什么(在本例中为"元素1"(，都要指定按钮值，而不是静态的"xxx"。有可能吗？

感谢

您可以为按钮设置ID
id和name之间不应该有空格是html
例如

<div name="element1" id="element1"> 
     <input type="button" value="xxx" name="button1" id=button1/>
</div>

Javascript=>

    var button = document.getElementById('button1');
    var parentId = button.parentNode.id;
    button.setAttribute('value',parentId);

你也可以在特定的活动中或根据自己的意愿这样做

检查此处的代码段

$('input[type="button"]').val(function(){
  return this.parent.id;
});

大概是这样吧？

相关文章：