Вставить изображение в ячейку таблицы в Javascript

Я хочу вставить изображения в только что созданную ячейку. Как мне это сделать? Может ли кто-нибудь помочь мне в этом? Вот мой код insertcells:Вставить изображение в ячейку таблицы в Javascript

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function displayResult() 
{ 
var firstRow=document.getElementById("myTable").rows[0]; 
var x=firstRow.insertCell(-1); 
x.innerHTML="New cell" 
} 
</script> 
</head> 
<body> 

<table id="myTable" border="1"> 
    <tr> 
    <td>First cell</td> 
    <td>Second cell</td> 
    <td>Third cell</td> 
    </tr> 
</table> 
<br> 
<button type="button" onclick="displayResult()">Insert cell</button> 

</body> 
</html>

Все, что я хочу, чтобы вставить изображение в ячейке создается.

источник

2013-06-07 user2462483

Вы можете поместить в текст текст 'td' с помощью' innerHTML', но вы не можете поместить там тег 'img'? – Teemu

@Teemu Да .. точно .. – user2462483

Я не совсем понимаю, какая разница, если вы написали '' "' вместо '' New cell "'? – Teemu

function displayResult() 
    { 
    document.getElementById("myTable").rows[0].innerHTML="your image"; 
    }

Возможно, это может помочь, динамизм может быть достигнут позже, просто попробуйте, если он работает сейчас?

источник

2013-06-07 07:20:35

Отображает имя файла изображения. Он не помещает фактический образ там. – LaurelS

Просто установите внутренний HTML новой ячейки в HTML-элемент img с любыми src или атрибутами, которые вы хотите.

function displayResult() 
{ 
    var firstRow=document.getElementById("myTable").rows[0]; 
    var x=firstRow.insertCell(-1); 
    x.innerHTML="<img src='myImageURL' alt='hello'/>"; 
}

источник

2013-06-07 07:20:37

Эй, это сработало для меня! Мне тоже нравится минимальное количество строк. – LaurelS

Вы можете создать элемент изображения и добавить его в новую ячейку:

function displayResult() 
{ 
    var firstRow=document.getElementById("myTable").rows[0]; 
    var x=firstRow.insertCell(-1); 
    x.innerHTML="New cell"; 

    var img = document.createElement('img'); 
    img.src = "link to image here"; 
    x.appendChild(img); 
}

Берегись строительства необработанный HTML для изображения, если вы делаете это таким образом, вы должны будете сделать убедитесь, что вы избегаете src и любых других атрибутов.

источник

2013-06-07 07:21:01 MrCode

Этот инструмент может быть полезен для экранирования атрибутов html: http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php – brntsllvn

Вставить изображение в ячейку таблицы в Javascript

ответ

Смежные вопросы