एक स्ट्रिंग है जैसे (स्ट्रिंग अन्य HTML तत्वों का प्रतिनिधित्व करती है):

<div id="myValue">Something</div>

जो दूसरे क्षेत्र का मूल्य है।

मैं इस मान को किसी अन्य div में आंतरिक HTML के रूप में जोड़ना चाहता हूं।

मुझे इस स्ट्रिंग से उद्धरण " को एस्ट्रोफ़े ' से बदलने की आवश्यकता है और फिर इसे आंतरिक HTML के रूप में रखना है लेकिन यह कैसे करना है?

0
Rash J 4 अप्रैल 2020, 23:34
innerHTML के रूप में जोड़ने के लिए आपको सिंगल कोट्स में कनवर्ट करने की आवश्यकता क्यों है?
 – 
Anurag Srivastava
4 अप्रैल 2020, 23:59

2 जवाब

रेगेक्स नियम के साथ प्रतिस्थापित करें का उपयोग करें:

var content = document.getElementById("myValue")

content.innerHTML = content.innerHTML.replace(/\"/g, "'")
0
Hans Felix Ramos 4 अप्रैल 2020, 23:43

मत करो। आपको केवल ऐसे परिवर्तन की आवश्यकता होगी यदि आप किसी टेम्पलेट में किसी चीज़ को मैन्युअल रूप से प्रक्षेपित कर रहे थे। इस मामले में डीओएम को इसे संभालने दें:

document.querySelectorAll('.append').forEach(button => {
  button.addEventListener('click', e => {
    let rel = e.target.getAttribute('rel'),
      htmlContent = document.querySelector(`#${rel}`).value;
    console.log(htmlContent, rel);
    document.querySelector('#targetDiv').innerHTML += htmlContent;

  });
});
.inputcontainer {
  float: left;
  width: 49%;
  margin-bottom: 0.6em;
  font-size: 12px;
}

.htmlvalue {
  margin: 0.5em 0;
  width: 230px;
  font-size: 12px;
}

.append {
  border-radius: 4px;
}


#targetDiv {
  font-size: 12px;
  border: 1px solid gray;
  margin: 4px;
  padding: 4px;
  min-height: 1em;
  min-width: 200px;
  float: left;
  display: block;
}

#targetDiv>div {
  float: left;
  display: inline-block;
  font-size: 12px;
  margin: 6px 4px;
  padding: 4px;
}

#targetDiv .double {
  border: 2px dotted blue;
}

#targetDiv .single {
  border: 2px dotted green;
}
<div class="inputcontainer">
  <input class="htmlvalue " id="input1" value='<div class="double">Double Quoted</div>'>
  <button class="append" rel="input1">Append with " "</button>
</div>
<div class="inputcontainer">
  <input class="htmlvalue " id="input2" value="<div class='single'>Single Quoted</div>">
  <button class="append" rel="input2">Append with ' '</button>
</div>

<div id="targetDiv">

</div>
0
ffflabs 5 अप्रैल 2020, 00:06