Pertanyaan yang diberi tag «innerhtml»


19
Bisakah skrip dimasukkan dengan innerHTML?
Saya mencoba memuat beberapa skrip ke dalam halaman menggunakan innerHTMLdi a <div>. Tampaknya skrip dimuat ke DOM, tetapi tidak pernah dieksekusi (setidaknya di Firefox dan Chrome). Apakah ada cara agar skrip dijalankan saat memasukkannya innerHTML? Kode sampel: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? …

5
Gaya sudut 2 - gaya dalamHTML
Saya mendapatkan potongan kode HTML dari panggilan HTTP. Saya meletakkan blok HTML dalam sebuah variabel dan menyisipkannya di halaman saya dengan [innerHTML] tetapi saya tidak bisa mendesain blok HTML yang dimasukkan. Adakah yang punya saran bagaimana saya bisa mencapai ini? @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} …
170 angular  innerhtml 

6
Javascript - Tambahkan HTML ke elemen penampung tanpa innerHTML
Saya perlu cara untuk menambahkan HTML ke elemen wadah tanpa menggunakan innerHTML. Alasan mengapa saya tidak ingin menggunakan innerHTML adalah karena ketika digunakan seperti ini: element.innerHTML += htmldata Ini bekerja dengan mengganti semua html terlebih dahulu sebelum menambahkan html lama ditambah html baru. Ini tidak baik karena mengatur ulang media …


13
Apakah mungkin untuk menambahkan innerHTML tanpa merusak event listener turunan?
Dalam kode contoh berikut, saya melampirkan onclickevent handler ke span yang berisi teks "foo". Penangan adalah fungsi anonim yang memunculkan filealert() . Namun, jika saya menetapkan ke node induk innerHTML, inionclick penanganan peristiwa akan dihancurkan - mengklik "foo" gagal memunculkan kotak peringatan. Apakah ini bisa diperbaiki? <html> <head> <script type="text/javascript"> …

20
Menjalankan elemen <script> yang disisipkan dengan .innerHTML
Saya punya skrip yang memasukkan beberapa konten ke dalam elemen menggunakan innerHTML. Konten tersebut misalnya bisa berupa: &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; Masalahnya adalah kode di dalam &lt;script&gt;tag tidak dieksekusi. Saya googling sedikit tetapi tidak ada solusi yang jelas. Jika saya memasukkan konten menggunakan jQuery $(element).append(content);, bagian skrip sudah didapat evalsebelum dimasukkan …

19
Tak dapat menyetel properti 'innerHTML' dari nol
Mengapa saya mendapatkan error atau Uncaught TypeError: Tidak dapat menyetel properti 'innerHTML' dari null? Saya pikir saya mengerti innerHTML dan sudah berfungsi sebelumnya. &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
Tambahkan gaya sebaris menggunakan Javascript
Saya mencoba menambahkan kode ini ke elemen div yang dibuat secara dinamis style = "width:330px;float:left;" Kode yang menciptakan dinamika divadalah var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '&lt;label&gt;' + sSearchStr + '&lt;/label&gt;'; Ide saya adalah menambahkan gaya setelahnya &lt; div class="well"tetapi saya tidak tahu bagaimana saya melakukannya.


2
Bagaimana saya bisa mendapatkan acara klik di dalam innerHTML?
Saya memiliki tata letak ini yang dibuat secara dinamis: 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; …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.