2017-03-14 2 views
0

객체의 프로토 타입 중 하나로 이미지를 넣으려고합니다.jgage 객체 프로토 타입을 가진 객체 생성자

무엇이 여기에 있습니까?

function test(prot1, prot2) { 
    this.par1 = prot1; 
    this.par2 = prot2; 
} 
var test1 = new test("text", "image.jpg"); 
document.getElementById("testdiv").innerHTML = "<img src='test1.par2' alt='test1.par1' class='image' />"; 
+0

당신이 문자열 회씩 연결을 사용할 수 있습니다 낮은 버전의 template literals

document.getElementById("testdiv").innerHTML = '<img src='${test1.par2}' alt='${test1.par1}' class='image' />'; 

를 사용할 수있는 'SRC를 = "'+ test1.par1 + ' " '또는 템플릿 리터럴'\'src ="$ {test1.par} "\''. – evolutionxbox

+0

@evolutionxbox 감사합니다. 자,이 작업을위한 문법도 알고 있습니다. –

답변

0

문자열 만 사용했지만 개체를 ​​평가해야합니다.

ES6하면 내가`문자열 연결을 사용하는 것이 좋습니다

document.getElementById("testdiv").innerHTML = "<img src=" + test1.par2 + "alt=" + test1.par1 + " class='image' />"; 
+0

감사합니다. 지금, 나는이 작업을위한 문법도 알고있다. –

0

자바 스크립트에서, 당신은 단순히 문자열 내부의 변수를 입력하고 평가를 기대 할 수 없습니다

이 내 코드입니다. 이것은 작동하지 않습니다.

당신은 변수로 취급 할 순서대로 연결하는 필요뿐만 아니라 문자열의 일부로서 :

document.getElementById("testdiv").innerHTML = "<img src=" + test1.par2 + "alt=" + test1.par1 + " class='image' />"; 

또는 사용자 환경 ES6을 지원하는 경우, 당신은 문자열 리터럴 사용할 수 있습니다

document.getElementById("testdiv").innerHTML = `<img src=${test1.par2} alt=${test1.par1} class='image' />`; 

후자에 대한 추가 정보 : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

+0

감사합니다. 지금, 나는이 작업을위한 문법도 알고있다. –

관련 문제