Отображение событий от нажатия мыши в энергии через шпаклевку, не работающую

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById("field_name");
  while(fieldNameElement.childNodes.length >= 1) {
    fieldNameElement.removeChild(fieldNameElement.firstChild);
  }
  fieldNameElement.appendChild(fieldNameElement.ownerDocument.createTextNode(fieldName));
}
 преимущества выполнения его этот путь: 
 Это только использует DOM, таким образом, техника является портативной на другие языки и не полагается на нестандартное имя поля innerHTML 
 
, мог бы содержать HTML, который мог быть предпринятым нападением XSS. Если мы знаем, что это - просто текст, мы должны создавать текстовый узел, вместо того, чтобы иметь браузер анализируют его для HTML 
 
, Если бы я собирался пользоваться библиотекой JavaScript, я использовал бы jQuery и сделал бы это: 

  $("div#field_name").text(fieldName);
 Примечание, что  @AnthonyWJones' комментарий  корректен: "field_name" не является особенно описательным идентификатором или именем переменной.