HTML Online Editor
Run ❯
<!DOCTYPE html> <html> <head> <style> .comment-content{border:1px dashed green;padding:15px;border-radius:10px; } </style> </head> <body> <h1>Komentar</h1> <div class="comment-content"> Coba gambar <i rel='img'>https://kangismet.github.io/semarkoding/daun.jpg</i> </div> <script>/*<![CDATA[*/ const imgElements = document.querySelectorAll('i[rel="img"],i[rel="image"]'); imgElements.forEach((element) => { const imgUrl = element.textContent; const imgTag = document.createElement('img'); imgTag.src = imgUrl; element.innerHTML = ''; element.appendChild(imgTag); imgTag.classList.add('cmt-img'); imgTag.setAttribute('alt', 'gambar'); imgTag.style.display = 'block'; imgTag.style.margin = '15px 0'; }); /*]]>*/</script> </body> </html>