Как обратиться к атрибуту тега через javascript
Перейти к содержимому

Как обратиться к атрибуту тега через javascript

  • автор:

Как обратиться к атрибуту тега через javascript

важность: 5

Напишите код для выбора элемента с атрибутом data-widget-name из документа и прочитайте его значение.

   
Choose the genre
   
Choose the genre

как добавить атрибут js

Для добавления атрибута выбранному элементу используется метод setAttribute() . Первым параметром он принимает имя атрибута в виде строки, вторым — значение атрибута, также в виде строки.

// создаем ссылку const link = document.createElement('a'); // добавляем атрибут href link.setAttribute('href', 'https://ru.hexlet.io'); // добавляем атрибут target link.setAttribute('target', '_blank'); // добавляем текст ссылки link.textContent = 'Перейти'; // добавляем ссылку на страницу document.body.append(link); 

В результате мы получим следующий html -код:

 href="https://ru.hexlet.io" target="_blank">Перейти 

Как получить c помощью JavaScript атрибут «for» у тега «label»?

Как получить в console.log через JS значение атрибута «for» у тега «label» ?

Отслеживать

задан 11 окт 2022 в 13:14

13 2 2 бронзовых знака

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

const getInput = document.querySelector('.checkbox-form'); const form = getInput.querySelector('label').htmlFor; console.log(form); 

Отслеживать

ответ дан 11 окт 2022 в 13:18

13 2 2 бронзовых знака

добро пожаловать на Stack Overflow на русском! пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править

Атрибуты тегов как свойства в JavaScript

Давайте теперь научимся получать атрибуты тегов. Здесь действует следующее правило: каждому атрибуту тега соответствует одноименное свойство DOM элемента.

Давайте посмотрим на примере. Пусть у нас есть вот такой тег:

Получим ссылку на наш элемент в переменную:

let elem = document.querySelector(‘#elem’);

Выведем значения нужных нам атрибутов:

console.log(elem.id); // выведет ‘elem’ console.log(elem.type); // выведет ‘text’

А теперь для примера поменяем значение атрибута:

elem.type = ‘submit’;

Дан следующий инпут:

Дана также кнопка. По нажатию на кнопку выведите на экран содержимое атрибута type указанного выше инпута.

Дан следующий инпут:

Дана также кнопка. По нажатию на кнопку запишите в атрибут type значение submit .

Пусть у вас есть ссылка в виде тега a , кнопка и абзац. По нажатию на кнопку выведите в абзац содержимое атрибута href ссылки.

Пусть у вас есть ссылка и кнопка. По нажатию на кнопку добавьте в конец текста ссылки содержимое ее атрибута href в круглых скобках.

Пусть у вас есть картинка. Разместите ее на странице с помощью тега img . Пусть даны также кнопка и абзац. Сделайте так, чтобы по клику на кнопку в абзац записался путь к картинки из ее атрибута src .

Дана картинка в теге img и кнопка. По нажатию на кнопку в атрибут width запишите значение 300 .

Дана картинка в теге img и кнопка. Пусть в атрибуте width задана некоторая ширина. Сделайте кнопку, по нажатию на которую ширина картинки будет увеличиваться в 2 раза.

Пусть у вас есть две картинки. Сделайте на странице тег img и две кнопки. По нажатию на первую кнопку запишите в атрибут src путь к первой картинке, а по нажатию на вторую — путь ко второй картинке.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *