javascript - HTML元素属性动态赋值

标签 javascript jquery html

假设我有以下 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
html中的id和name之间不能有空格
例如

<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);

您也可以在特定事件中或根据您的意愿执行此操作。

Check the Code Snippet Here

关于javascript - HTML元素属性动态赋值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15858319/

相关文章:

javascript - 检查特定 radio 输入时激活禁用的文本区域

javascript - 从span标签中抓取文本

javascript - 如何将混合内容解析为React组件?

javascript - 使用 lodash 在集合中添加计算键

javascript - 如何禁用提交,直到仅填写必填字段

Jquery爆炸效果不起作用

javascript - 将 html 转换为图像,并保存?(使用 html2canvas.js)

javascript - 如何使用 Handlebars.js 创建条件行类?

javascript - jquery + css - 悬停参数

javascript - 对 jqGrid 中的日期列进行排序