Javascript 如何在页面加载后添加div id

我想为特定的html动态添加div

在这里，我给你举个小例子

<input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'>

单击单选按钮时，我需要添加一个div，如：

 <div id='A1' class='redColourIndicatin'>
    <input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'>
 </div>    

加载页面后是否可以添加Div Id

我的意图不是只向单选按钮添加类。我们还需要一些其他的操作

请给出想法，如何添加

尝试此解决方案：

在看到您的编辑后，您可以尝试以下线程：

尝试以下解决方案：

在看到您的编辑后，您可以尝试以下线程：

您可以使用该方法

在你的例子中

$(document).ready( function () {
  $("input#radio1").click(function () {
    var mydiv = $("<div></div>");
    mydiv.attr("id", "radio1");
      .addclass("redColourIndicatin");
    $(this).wrap(mydiv);
  });
});

$（文档）.ready（函数（）{
$（“input#radio1”）。单击（函数（）{
var mydiv=$（“”）；
mydiv.attr（“id”、“radio1”）；
.addclass（“红色标记”）；
$（this）.wrap（mydiv）；
});
});

您可以使用该方法

在你的例子中

$(document).ready( function () {
  $("input#radio1").click(function () {
    var mydiv = $("<div></div>");
    mydiv.attr("id", "radio1");
      .addclass("redColourIndicatin");
    $(this).wrap(mydiv);
  });
});

$（文档）.ready（函数（）{
$（“input#radio1”）。单击（函数（）{
var mydiv=$（“”）；
mydiv.attr（“id”、“radio1”）；
.addclass（“红色标记”）；
$（this）.wrap（mydiv）；
});
});

如果可以使用javascript在DOM中找到div，则可以通过将id属性设置为任意值来操纵该元素的id：

//finding the element by class name:
var myElement = document.getElementsByClassName('myDivsClassName')[0];
myElement.id = 'newID';

---

如果可以使用javascript在DOM中找到div，则可以通过将id属性设置为任意值来操纵该元素的id：

//finding the element by class name:
var myElement = document.getElementsByClassName('myDivsClassName')[0];
myElement.id = 'newID';

$（'#radio1'）。单击（函数（）
if（$（this.parent（）.attr（'id'）！='A1'）{
$（此）.wrap（“”）
}
});

现在还不清楚类或id是静态的，还是您希望以动态方式检索。你想做的是包装

在wrap（）之前进行检查，否则每次单击输入时都会创建一个包装 if（$（this.parent（）.attr（'id'）！='A1'）{ $（此）.wrap（“”） } }); 现在还不清楚类或id是静态的，还是您希望以动态方式检索。你想做的是包装

---

在wrap（）之前进行检查，否则每次单击输入时都会创建一个包装

hi john可能重复的可能重复项，我不想更改现有的div id。我只需要为现有hi john添加新div，我不想更改现有div id。我只需要为现有hi john添加新div