javascript - 如何在每次点击时动态更改 div 的值

Question

我有一个创建游戏的任务。为此，我需要一些帮助...如何通过单击来更改 div 的值？

<div class="block1">    
         <div id="two">Two</div>
</div>

js代码：

 $( ".block1" ).click(function() {
          $( "#one" ).css('display','block');
          $( "#two" ).css('display','none');
          $( "#three" ).css('display','none');
          $( "#four" ).css('display','none');   
           });

演示

Answer 1

用于.text更改文本

$('#one').text('New value')

您可以在 click 事件中使用 this 上下文来更改当前单击的 div 的文本。

 $(".block1").click(function () {
      $(this).text("New value")
  });

检查小提琴

Answer 2

$( ".block1" ).click(function() {
$(this).html("Div Content")
}

Answer 3

方法 - 1

$("#one")[0].textContent = "test";

方法 - 2

$("#one").prop('textContent', "test");

Answer 4

假设您正在使用 jQuery

您可以使用 .text() 更改或获取 div 内的文本

$("#one").text('Some new text');

您可以使用 .html() 更改或获取 div 内的 html

$("#one").html('<p>Some new html</p>');

对于表单元素，您可以使用 .val()

$("#one").val('1');