Как получить значение атрибута в javascript?

Пользователь

от dorothea_stoltenberg , в категории: JavaScript , 3 года назад

Как получить значение атрибута в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@dorothea_stoltenberg Вы можете использовать getAttribute() у элемента чтобы получить значение любого атрибута в Javascript, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
<div class="wrapper">
    <p class="inner-text" data-value="тест" name="тест2">Тестовая строка</p>
</div>
</body>
<script>
    const element = document.querySelector('.inner-text');

    // Вывод: тест
    console.log(element.getAttribute('data-value'))
    // Вывод: тест2
    console.log(element.getAttribute('name'))
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от magali , год назад

@dorothea_stoltenberg 

Для получения значения атрибута в JavaScript можно использовать свойство "getAttribute()". Например, чтобы получить значение атрибута "href" у элемента "a", можно написать такой код:

1
2
3
var link = document.querySelector("a");
var href = link.getAttribute("href");
console.log(href); // выведет значение атрибута "href" у элемента "a"


Если нужно изменить значение атрибута, можно использовать метод "setAttribute()". Например, чтобы изменить значение атрибута "href" у элемента "a", можно написать такой код:

1
2
var link = document.querySelector("a");
link.setAttribute("href", "https://google.com");


Теперь значение атрибута "href" у элемента "a" будет равно "https://google.com".