当前位置: 首页 > 面试题库 >

HTML / JavaScript更改div内容

凌蕴藉
2023-03-14
问题内容

我有一些JavaScript的简单HTML代码,看起来像:

<html>



<head>

  <script type="text/javascript">

    function changeDivContent() { // ...

    };

  </script>

</head>



<body>



  <input type="radio" name="radiobutton" value="A" onClick="changeDivContent()">

  <input type="radio" name="radiobutton" value="B" onClick="changeDivContent()">



  <div id="content"></div>



</body>



</html>

我只是希望能够通过选择“ A”或“ B”单选按钮之一来更改div的内容(它是内部html),但是div#content没有javascript属性“
value”,所以我问它如何做完了。


问题答案:

假设您没有使用jQuery或其他使您更轻松地进行此类操作的库,则只需使用元素的innerHTML属性即可。

document.getElementById("content").innerHTML = "whatever";


 类似资料:
  • 问题内容: 我有一个div,其中包含数据库的一些文本: 以及链接列表: 该过程应如下所示: 点击链接 Ajax使用链接的URL通过GET将数据传递到php文件/同一页面 PHP返回字符串 div更改为此字符串 问题答案: 并在您的列表中添加事件

  • 我有一个表单(包含在div中),我根据页面和某些条件显示和隐藏该表单的元素。 在表单的底部有一个“上一步”和“下一步”按钮。目前,如果在表单中添加元素,它们的位置会突然改变,因此我希望包含表单的div会逐渐改变。 我该怎么做?我不想将转换添加到表单元素中(因为这样会有太多的转换),只想为包含的DIV添加转换。

  • 我正在学习JavaScript,我正在尝试创建一个“圆计算器”,它将通过一个表单接收用户输入,并返回圆的面积和周长。除了在ID为“circledata”的段落中显示结果外,它都正常工作。它会在提交表单后显示几秒钟,然后消失。 我希望循环方法的结果(变量“text”)保留在段落中,直到用户再次提交表单(当它应该用新数据填充时)。

  • 我有以下:- 并且我想在div之间添加以下HTML表:- 所以我有以下两个问题:- > 如何根据以开头、以结尾的id选择Div? 另外,在选择Div之后,我如何在它之间添加HTML表?> 谢谢

  • 我不知道如何为这个问题设置一个标题。 我想要的是用单击的标记的内容更改DIV内部的内容。问题是,在我的标记中,我有另一个嵌套的DIV和一些文本,我不希望该文本在更改时显示。 如何在更改时只显示标记的内容,而不显示其子div? 这是我的代码和指向JSFiddle的链接 null null https://jsfidle.net/mariokala/zmdjoy9b/28/

  • 问题内容: 打印DIV内容的最佳方法是什么? 问题答案: 与早期版本相比有轻微变化-已在CHROME上测试