Question

I m trying to add HTML inside an element but I m having serious problems escaping quotes and such.

我曾尝试过这么多的事情,我甚至不听说过的话,这就是它是如何看待的:(我消除了任何穿梭的企图,因为它使它更加混淆了)。

document.getElementById("sharerContainer").innerHTML =
    "<div onclick= teleport( justwalk.it/house?uid=" + sharerID +
    " ) ><div class= face  style= background-image: url( https://graph.facebook.com/" +
    sharerFID + "/picture ); ></div>" + sharer;

是否有另一种方式通过javascript书写超文本以减少这类问题?

Answer 1

document.getElementById("sharerContainer").innerHTML =
"<div onclick="teleport( justwalk.it/house?uid=" + sharerID +
" );"><div class="face" style="background-image: url( https://graph.facebook.com/" +
sharerFID + "/picture );"></div>" + sharer;

或你可以尝试 j

Answer 2

然后使用OMM的操纵(你选择任何途径):

var container = document.getElementById("sharerContainer");

var div = container.appendChild(document.createElement( div ));
div.onclick = function() {
    teleport("justwalk.it/house?uid=" + encodeURIComponent(sharerID));
};

var inner_div = div.appendChild(document.createElement( div ));
inner_div.style.backgroundImage = "url( https://graph.facebook.com/" + sharerFID + "/picture );";
inner_div.className =  face ;

div.appendChild(document.createTextNode(sharer));

不清楚这些变量的内容是什么,因此,你可能不得不将它 t为你们工作。

Answer 3

Why can t you just do normal DOM manipulation, like so:

var sharerContainer = document.getElementById( sharerContainer );
var myDiv = document.createElement( div );
var subDiv = document.createElement( div );
subDiv.appendChild(document.createTextNode(sharer);
myDiv.appendChild(subDiv);
sharerContainer.appendChild(myDiv);

myDiv.onclick = function() {
    teleport( justwalk.it/house?uid=  + sharerID);
};

?

友情链接