亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

WRAP span-tag圍繞現有的INPUT標簽

WRAP span-tag圍繞現有的INPUT標簽

躍然一笑 2019-04-09 13:15:18
我有一個包含大約50個Radiobutton組的清單。每組有3個按鈕,其值為:是否N / A. 這些組是使用我無法控制的表單工具創建的。我需要在表單中的每個組中將-tag添加到所有單選按鈕中的值為“是”的單選按鈕。僅使用vanilla javascript。我試圖創建一個可以對所有radiobutton組進行排序的javascript。我試圖將這個發現附加到一個數組,我可以用它來循環進行前置操作。請注意,ID和NAME是為我生成的,因此我無法事先知道組名是什么。console.log('start')//var span = document.getElementById("span_id");var inputs = document.getElementsByTagName("input");  console.log('a:',inputs)for (var i = 0; i < inputs.length; ++i) {     if (inputs[i].defaultValue == 'yes') {        var idd = inputs[i].id       var parent = document.getElementById(idd).parentNode;             var p = document.createElement("p");             var span = document.createElement("span");             //parent.append(p);             parent.prepend(span);     }}}getCheckedValue()我在這里有一個最新代碼的小提琴:https://jsfiddle.net/y4vLbtmw/54/問題是我無法讓SPAN標簽環繞現有標簽。它只在之前或之后附加。如何將標記放置如下:<span class =“green”> [現有代碼] </ span>我是否復制現有標簽,刪除它然后在新跨度之間重新插入?還是有另一種方式?
查看完整描述

3 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

花了一段時間,但我終于找到了解決方案。


function getCheckedValue(newColor,newValue) {


//var span = document.getElementById("span_id");

var inputs = document.getElementsByTagName("input");


for (var i = 0; i < inputs.length; ++i) {

    if (newValue.localeCompare(inputs[i].value) == 0) {


       var idd = inputs[i].id

   console.log('value:',newValue,inputs[i].value,idd)

      elementToWrap = document.getElementById(idd);

            divWrapper = document.createElement("span");

      divWrapper.setAttribute("class", newColor);


      wrap_single(elementToWrap, divWrapper);

    }

}

}


function wrap_single(el, wrapper) {

    el.parentNode.insertBefore(wrapper, el);

    wrapper.appendChild(el);

}

let divWrapper;

let elementToWrap;


//Run 


getCheckedValue('green','yes');

getCheckedValue('red','no');

getCheckedValue('yellow','n/a');

謝謝您的意見


查看完整回答
反對 回復 2019-05-17
  • 3 回答
  • 0 關注
  • 476 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號