Я хочу изменить значения html div с помощью javascript

Можно ли изменить значения HTML с помощью JavaScript-функции?Я хочу изменить значения html div с помощью javascript

Вот пример:

div class="fb-page" data-href="https://www.facebook.com/ConnectCommunications?fref=ts" 
    data-width="450" data-hide-cover="false" data-show-facepile="true" data-small-header="false" 
    data-show-posts="true"></div

Теперь я хочу изменить data-show-facepile от true к false через JavaScript onclick -Event.

Заранее благодарен!

источник

2015-07-27 Zain Khan

Что вы пробовали до сих пор? Они могут пригодиться - http://www.w3schools.com/jsref/met_element_setattribute.asp, http://api.jquery.com/attr/ –

нажмите на что? –

очень простой, использование.data(), см. мои анны ниже – BhavO

С чистого JavaScript в браузере:

document.getElementByClassName('fb-page').setAttribute('data-show-facepile', false) см here для получения дополнительной информации о том, что. Это может быть умным, чтобы дать элементу id, а затем вместо этого использовать document.getElementById().

Теперь, если у вас есть кнопка <button id="clickme"> Click me! </button> вы можете добавить обработчик:

document.getElementById('clickme').addEventListener('click', function(){ 
    document.getElementByClassName('fb-page')[0].setAttribute('data-show-facepile', false) 
});

Обратите внимание, что если есть более чем один элемент fb-page -класса, то элемент, который вы хотите изменить, не может быть первый элемент возвращаемого списка.

С jQuery: $('.fb-page').attr('data-show-facepile', false). Docs. Если вы укажете элементу id, вместо этого вы используете $('#id').

Так что, если у вас есть кнопка: <button id="fb-show-button">Click me! </button> добавить обработчик:

$('#fb-show-button').click(function(){ 
    $('.fb-page')[0].attr('data-show-facepile', false) 
})

Нота сверху также влияет на этот пример.

Почему я не упоминаю использование id вместо класса? Поскольку, когда есть определенный элемент, который вы хотите обработать, идентификатор идентифицирует его однозначно, так как только один элемент может иметь определенный идентификатор. Более чем один элемент может иметь класс fb-page. Вот почему методы, получающие элементы класса, возвращают массив.

источник

2015-07-27 08:46:20 Esso

Ответьте только на это с помощью ванильных JS и jQuery, не уверенных в использовании W3Schools в качестве ссылки, хотя ха-ха! –

Hah, дважды проверил и обновил ответ. Благодаря! – Esso

Это лучше imo! MDN - это мое оружие выбора для ссылок :) –

Предполагая, что вы хотите, чтобы нажать на DIV, например:

$('.fb-page').on('click', function(){ 
    $(this).data('show-facepile', false); 
});

источник

2015-07-27 08:46:43 BhavO

Очень просто:

1) Дайте Див идентификатор
2)

function YourEvent() { 
    $('IdOfYourDiv').prop('data-show-facepile', true) 
}

источник

2015-07-27 08:47:59

Использование JQuery .data()

<button>Go</button> 
<div class="fb-page" data-href="https://www.facebook.com/ConnectCommunications?fref=ts" data-width="450" data-hide-cover="false" data-show-facepile="true" data-small-header="false" data-show-posts="true">Test</div>

JQuery:

alert(jQuery('.fb-page').data('show-facepile')); 
jQuery('button').on('click', function(){ 
    jQuery('div').data('show-facepile', false); 
    alert(jQuery('.fb-page').data('show-facepile')); 
});

http://jsfiddle.net/2taxxnwn/

источник

2015-07-27 08:48:16 cgee

Я хочу изменить значения html div с помощью javascript

ответ

Смежные вопросы