因此,假设您有一个 Elemen,您想要将文本连接到,并且在单击它时会触发一个函数。然后应该将对象的属性连接到元素。
鉴于此 HTML
<div id="myDiv">Hello</div>
<div id="clickMe">Click Me</div>
和下面的例子
var myObject = {
propToConcat:"Hi" //This is the property you want to be concatenated
};
var clickElement = document.getElementById("clickMe"); //This is your Element, the Click event is added to
var concatElement = document.getElementById("myDiv"); //This is the Element where you display the Text;
clickElement.addEventListener("click",concat); //THis adds the EventListener *You use Jquerys '.click' method for this*
function concat () {
concatElement.innerHTML += " " + myObject.propToConcat; //This is what you looking for.
}
因此,该行concatElement.innerHTML += " " + myObject.propToConcat;
访问innerHTML
您的 DOM 元素的属性,并附加一个空格和您的对象属性。
那么这就是输出之前的样子
之后
我希望你理解这个例子,因为我没有得到你正在使用你的代码的上下文。
这是一个JSBin