คำถามติดแท็ก innerhtml

innerHTML เป็นคุณสมบัติของโหนด DOM ที่รับหรือตั้งค่าโค้ด HTML ภายในขององค์ประกอบ HTML โดยทั่วไปจะใช้ใน Javascript เพื่อเปลี่ยนหรืออ่านจากหน้าแบบไดนามิก

20
สามารถแทรกสคริปต์ด้วย innerHTML ได้หรือไม่
ผมพยายามที่จะโหลดสคริปต์บางอย่างในหน้าโดยใช้บนinnerHTML <div>ดูเหมือนว่าสคริปต์จะโหลดลงใน DOM แต่จะไม่ถูกดำเนินการ (อย่างน้อยใน Firefox และ Chrome) มีวิธีให้สคริปต์ทำงานเมื่อแทรกด้วยinnerHTMLหรือไม่ รหัสตัวอย่าง: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
5
Angular 2 - innerHTML ใส่สไตล์
ฉันได้รับโค้ด HTML จากการโทร HTTP ฉันใส่บล็อก HTML ในตัวแปรและใส่ไว้ในหน้าของฉันด้วย [innerHTML] แต่ฉันไม่สามารถจัดสไตล์บล็อก HTML ที่แทรกไว้ได้ ไม่มีใครมีข้อเสนอแนะใด ๆ ว่าฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} `}) HTML ที่ฉันต้องการสไตล์คือบล็อกที่มีอยู่ในตัวแปร "ปฏิทิน"
170 angular  innerhtml 
6
Javascript - ต่อท้าย HTML เข้ากับองค์ประกอบคอนเทนเนอร์โดยไม่ต้อง InnerHTML
ฉันต้องการวิธีผนวก HTML เข้ากับองค์ประกอบคอนเทนเนอร์โดยไม่ต้องใช้ innerHTML เหตุผลที่ฉันไม่ต้องการใช้ innerHTML ก็เพราะเมื่อมันใช้งานแบบนี้: element.innerHTML += htmldata ใช้งานได้โดยแทนที่ html ทั้งหมดก่อนที่จะเพิ่ม html เก่าบวก html ใหม่ สิ่งนี้ไม่ดีเนื่องจากรีเซ็ตสื่อแบบไดนามิกเช่นวิดีโอแฟลชในตัว ... ฉันสามารถทำได้ด้วยวิธีนี้ซึ่งได้ผล: var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); อย่างไรก็ตามปัญหาของวิธีนี้คือมีแท็ก span พิเศษในเอกสารที่ฉันไม่ต้องการ วิธีนี้สามารถทำได้? ขอบคุณ!
6
nodeValue กับ innerHTML และ textContent วิธีการเลือก?
ฉันใช้ js ธรรมดาเพื่อแก้ไขข้อความภายในขององค์ประกอบป้ายกำกับและฉันไม่แน่ใจว่าเหตุใดฉันควรใช้ innerHTML หรือ nodeValue หรือ textContent ฉันไม่จำเป็นต้องสร้างโหนดใหม่หรือเปลี่ยนองค์ประกอบ HTML หรืออะไรเลย - เพียงแค่แทนที่ข้อความ นี่คือตัวอย่างของรหัส: var myLabel = document.getElementById("#someLabel"); myLabel.innerHTML = "Some new label text!"; // this works myLabel.firstChild.nodeValue = "Some new label text!"; // this also works. myLabel.textContent = "Some new label text!"; // this also works. ฉันดูแหล่งที่มา jQuery และใช้ …
13
เป็นไปได้ไหมที่จะต่อท้าย innerHTML โดยไม่ทำลายผู้ฟังเหตุการณ์ของลูกหลาน?
ในโค้ดตัวอย่างต่อไปนี้ฉันแนบonclickตัวจัดการเหตุการณ์เข้ากับช่วงที่มีข้อความ "foo" alert()จัดการเป็นฟังก์ชั่นที่ไม่ระบุชื่อที่ปรากฏขึ้น อย่างไรก็ตามหากฉันกำหนดให้กับโหนดหลักตัวจัดการเหตุการณ์innerHTMLนี้onclickจะถูกทำลาย - การคลิก "foo" จะไม่ปรากฏขึ้นในกล่องการแจ้งเตือน สามารถแก้ไขได้หรือไม่? <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); }; mydiv = document.getElementById("mydiv"); mydiv.innerHTML += "bar"; } </script> </head> <body onload="start()"> <div id="mydiv" style="border: solid red 2px"> <span id="myspan">foo</span> </div> </body> </html>
20
การเรียกใช้องค์ประกอบ <script> แทรกด้วย .innerHTML
ฉันมีสคริปต์ที่แทรกเนื้อหาบางส่วนลงในองค์ประกอบโดยใช้innerHTML. ตัวอย่างเช่นเนื้อหาอาจเป็น: &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; ปัญหาคือโค้ดภายใน&lt;script&gt;แท็กไม่ได้รับการดำเนินการ ฉัน googled เล็กน้อย แต่ไม่มีวิธีแก้ปัญหาที่ชัดเจน หากฉันแทรกเนื้อหาโดยใช้ jQuery $(element).append(content);ส่วนของสคริปต์จะได้รับeval'd ก่อนที่จะฉีดเข้าไปใน DOM มีใครมีข้อมูลโค้ดที่เรียกใช้&lt;script&gt;องค์ประกอบทั้งหมดหรือไม่ โค้ด jQuery ค่อนข้างซับซ้อนดังนั้นฉันจึงไม่สามารถเข้าใจได้ว่ามันเป็นอย่างไร แก้ไข : เมื่อมองเข้าไปในโค้ด jQuery ฉันได้จัดการเพื่อหาว่า jQuery ทำอย่างไรซึ่งส่งผลให้เกิดรหัสต่อไปนี้: Demo: &lt;div id="element"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; function insertAndExecute(id, text) { domelement = document.getElementById(id); domelement.innerHTML = text; var scripts = []; ret = domelement.childNodes; for ( …
8
จะรับ innerHTML ของ DOMNode ได้อย่างไร?
คุณใช้ฟังก์ชันอะไรเพื่อรับ innerHTML ของ DOMNode ที่กำหนดในการใช้งาน PHP DOM ใครสามารถให้วิธีแก้ปัญหาที่เชื่อถือได้? แน่นอน outerHTML ก็จะทำเช่นกัน
98 php  dom  innerhtml 
19
ไม่สามารถตั้งค่าคุณสมบัติ 'innerHTML' ของ null
เหตุใดฉันจึงได้รับข้อผิดพลาดหรือ Uncaught TypeError: ไม่สามารถตั้งค่าคุณสมบัติ 'innerHTML' ของ null ได้ ฉันคิดว่าฉันเข้าใจ innerHTML และเคยทำงานมาก่อน &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;script type ="text/javascript"&gt; what(); function what(){ document.getElementById('hello').innerHTML = 'hi'; }; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="hello"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;
11
เพิ่มสไตล์อินไลน์โดยใช้ Javascript
ฉันพยายามเพิ่มรหัสนี้ในองค์ประกอบ div ที่สร้างขึ้นแบบไดนามิก style = "width:330px;float:left;" รหัสที่สร้างไดนามิกdivคือ var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '&lt;label&gt;' + sSearchStr + '&lt;/label&gt;'; ความคิดของฉันคือการเพิ่มสไตล์หลังจากนั้น&lt; div class="well"แต่ฉันไม่รู้ว่าจะทำอย่างไร
2
ฉันจะรับเหตุการณ์คลิกภายใน innerHTML ได้อย่างไร
ฉันเค้าโครงนี้ที่สร้างขึ้นแบบไดนามิก: for (let i = 1; i &lt; 10; i++) { document.querySelector('.card-body').innerHTML += `&lt;div class="row" id="img_div"&gt; &lt;div class="col-12 col-sm-12 col-md-2 text-center"&gt; &lt;img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"&gt; &lt;/div&gt; &lt;div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"&gt; &lt;h4 class="name"&gt;&lt;a href="#" id="title` + i + `"&gt;Name&lt;/a&gt;&lt;/h4&gt; &lt;h4&gt; &lt;small&gt;state&lt;/small&gt; &lt;/h4&gt; &lt;h4&gt; &lt;small&gt;city&lt;/small&gt; &lt;/h4&gt; &lt;h4&gt; &lt;small&gt;zip&lt;/small&gt; …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.