javascript - 在 javascript 函数中检索自定义 html 属性。请不要使用jquery

标签 javascript

我创建了一个按钮

<button type="button"  name="createTask" id="createTaskNOw" class="createButton" createtype="task" onclick="components.init(this)" >Add Task</button>

我还有一个外部 javascript 文件,其中包含我想要检索自定义属性的 component.init 方法。所以我正在做以下事情

var components = function(){
    var _init = function(attributes){
        console.log("Method Executing:Compnents.init",attributes.createtype);
            }   
    return {
        init:_init,
        }
    }()

当我记录 name 或 id 等属性时,我可以看到预期的结果,但记录 createtype 显示未定义。自定义属性有问题吗?

最佳答案

您可以使用 Element.getAttribute() 检索属性功能。

这是一个工作示例片段:

var div = document.getElementById('test');
div.innerHTML = div.getAttribute('data-val'); //returns a string
<div id="test" data-val="5"></div>

这将放置 5 <div>内元素。 JSFiddle 上的工作示例.

关于javascript - 在 javascript 函数中检索自定义 html 属性。请不要使用jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28522239/

相关文章:

javascript - 语法错误 : Unexpected token react-native init

javascript - 标准菜单栏/详细信息页面移动 UI 的主干 View 设计

javascript - 是否可以在Javascript中动态构建变量

javascript - 如何在 Mongoose 中使用 findByIdAndUpdate 填充数组

javascript - 执行异步系列函数

javascript - 异步操作未运行 Async React Redux Thunk

javascript - 通过 JS (PhoneGap) 存储来自 GET 请求的数据

javascript - 如何通过将具有相同名称的键的数值加在一起来 $.extend 2 个对象?

javascript - 与 DOM 元素的数据绑定(bind)如何工作?

javascript - Bootstrap联系表单模块问题