您如何使用打字稿找到“占位符”属性？

Question

如何使用 typescript 找到 html“占位符”属性并在函数中使用该元素？

Answer 1

这个问题相当广泛。作为给出 html 的示例：

<input placeholder="tada" id="foo"/> 

以下作品：

alert(document.getElementById('foo').getAttribute('placeholder'))

更新

修复评论：

$('input[type = "text"][placeholder]')
           .each(function () { 
                    console.log(this.getAttribute('placeholder')); // this is the DOM element
           });

Answer 2

您的 HTML 输入元素：

<input id='randomId' type='text' val='value' placeholder='This text is just a placeholder!'>

访问 javascript中的元素：

var inputElement = document.getElementById('randomId');

检查 浏览器支持 javascript 中占位符属性：

// I like having such a simple class ...
var Browser = {
  CanAttribute: function (name) {
    return name in document.createElement('input'); 
  }
}

// ... so you can easily check if your browser supports the placeholder attribute.
if (Browser.CanAttribute('placeholder')) {

}
else {

}

检查 javascript 中是否存在属性：

if ('placeholder' in inputElement) {
  // You can access inputElement.placeholder
}
else {
  // Accessing inputElement.placeholder will throw an ReferenceError-Exception
}

检索占位符属性通过javascript：

var placeholderText = inputElement.placeholder;
console.log(placeholderText); // 'This text is just a placeholder!'

设置占位符属性通过javascript：

inputElement.placeholder = 'This placeholder text overrides the default text!';
console.log(placeholderText); // 'This placeholder text overrides the default text!'