Как найти атрибут «заполнитель» с помощью машинописи?

-1

Как найти атрибут html "placeholder" с помощью машинописного текста и использовать этот элемент внутри функции?

  • 0
    Я сделал то же самое в jquery ... Я был бы признателен, если бы вы могли сказать мне способ использования элемента после нахождения атрибута
  • 0
    Итак, вы пытаетесь настроить таргетинг на все элементы, которые имеют атрибут placeholder, а затем что-то делаете с этими элементами, или я неправильно понимаю? Кроме того, вы упомянули в своем комментарии, что вы сделали то же самое в jQuery. Означает ли это, что вы не хотите использовать jQuery здесь?
Теги:
each
placeholder

2 ответа

0
Лучший ответ

Этот вопрос довольно широк. В качестве примера приведен 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
           });
Поделиться
  • 1
    Вы всегда должны использовать прямой метод .attribute если вам нужен программный доступ к атрибуту в JavaScript. Используйте .getAttribute() и .setAttribute() когда вы хотите работать с DOM как есть (например, только с литеральным текстом).
  • 0
    ('input [type = "text"] [placeholder]'). each (function () {console.log ($ (this) .attr ('placeholder')); // Ошибка здесь} Можете ли вы сказать мне Другой способ получить доступ к элементу внутри этого
Показать ещё 4 комментария
0

Входной элемент HTML:

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

Доступ к элементу в javascript:

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

Проверка поддержки браузера атрибута placeholder в 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
}

Получение атрибута placeholder через javascript:

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

Установка атрибута placeholder через javascript:

inputElement.placeholder = 'This placeholder text overrides the default text!';
console.log(placeholderText); // 'This placeholder text overrides the default text!'
Поделиться
  • 0
    ('input [type = "text"] [placeholder]'). each (function () {console.log ($ (this) .attr ('placeholder')); // Ошибка здесь} Можете ли вы сказать мне Другой способ получить доступ к элементу внутри этого
  • 0
    Конечно :) Вместо $(this).attr('placeholder') вы можете просто написать это так: this.placeholder

Ещё вопросы

Сообщество Overcoder
Наверх
Меню