с помощью «this->» лучше (вы уверены, что это члены), но это не имеет значения
Вы можете проверить приведенный ниже код, чтобы изменить значение
<p id="changeName">Mark</p>
<button type="button" class="myevent">Button</button>
<script>
jQuery(function(){
$('.myevent').on('click', function(){
var name = "John Doe";
$('#changeName').val(name);
});
});
</script>
Это функция Jquery, пожалуйста, включите библиотеку jquery перед ее использованием.
onclick
на вашей кнопке что-то делать, скажите onclick
, что делать при срабатывании; В этом случае я сказал ему выполнить функцию myFunction
. alert()
function myFunction() {
var myName = "Woolley";
alert(myName);
}
<!Doctype html>
<html>
<style type=text/css>
div1 {
background-color: yellow;
}
div2 {
background-color: #000000;
color: red;
}
</style>
<body>
<div1 id="myName"><b>Woolley</b></div1>
<div2 class="Hobbies">Hockey</div2>
<div2 class="Hobbies">Hiking</div2>
<button type="button" onclick="myFunction()">Button</button>
</body>
</html>
Если вы не хотите использовать функцию, вы также можете указать onclick
выполнить alert()
без функции:
<button type="button" onclick="var myName = 'Woolley'; alert(myName);">Button</button>
Обратите внимание, что вам нужно правильно использовать "
и '
, в противном случае ваш HTML-код недействителен и не сможет выполнить ваш JavaScript.
Используя чистый Javascript:
<!Doctype html>
<html>
<style type=text/css>
div1 {
background-color: yellow;
}
div2 {
background-color: #000000;
color: red;
}
</style>
<script>
function displayName(){
var myName = "Woolley";
alert(myName);
}
</script>
<body>
<div1 id="myName"><b>Woolley</b></div1>
<div2 class="Hobbies">Hockey</div2>
<div2 class="Hobbies">Hiking</div2>
<button type="button" onclick="displayName()">Button</button>
</body>
</html>