[英]Javascript; selecting a nested element is throwing a “not a function” error
[英]getting error on nested element generation javascript
我想使用js函數更改div上的默認標頭,但是在代碼的最終結果之后是文本[object HTMLDivElement]。 這是我的代碼:
function Modelo1(){
var div=document.createElement('div');
var logo = document.createElement('img');
logo.height=80;
logo.width=250;
logo.src="persona-5-listing-thumb-01-ps4-us-30jun16.png";
var datos= document.createElement('div');
var ruc = document.createElement('span');
var dir = document.createElement('span');
var tel = document.createElement('span');
ruc.innerHTML = "RUC: ";
dir.innerHTML = "dirección aca";
tel.innerHTML = "Telefono: ";
datos.appendChild(ruc);
datos.appendChild(dir);
datos.appendChild(tel);
var doc=document.createElement('div');
doc.border="2px solid "+colorBorde;
var rD = document.createElement('span');
rD.innerHTML="ruc";
var tD = document.createElement('p');
tD.innerHTML = "HEADER";
doc.appendChild(rD);
doc.appendChild(tD);
div.appendChild(logo);
div.appendChild(datos);
div.appendChild(doc);
document.getElementById('cabecera').innerHTML = div;
}
div.innerHTML = logo + datos + div;
是問題
1)您不能對html元素求和2)相反, + div
是+ doc
function Modelo1(){ var div=document.createElement('div'); var logo = document.createElement('img'); logo.height=80; logo.width=250; logo.src="persona-5-listing-thumb-01-ps4-us-30jun16.png"; var datos= document.createElement('div'); var ruc = document.createElement('span'); var dir = document.createElement('span'); var tel = document.createElement('span'); ruc.innerHTML = "RUC: "; dir.innerHTML = "dirección aca"; tel.innerHTML = "Telefono: "; datos.appendChild(ruc); datos.appendChild(dir); datos.appendChild(tel); var doc=document.createElement('div'); doc.border="2px solid black"; var rD = document.createElement('span'); rD.innerHTML="ruc"; var tD = document.createElement('p'); tD.innerHTML = "HEADER"; doc.appendChild(rD); doc.appendChild(tD); div.appendChild(logo) div.appendChild(datos) div.appendChild(doc) document.getElementById('cabecera').appendChild(div); } Modelo1()
<header id="cabecera"></header>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.