Error de Chrome con NO_MODIFICATION_ALLOWED_ERR Dom Exception 7

Tengo el código siguiente para insertar un estilo en DOM (hay un caso de uso para inyectar estilo en DOM así que no preguntes por qué ni diga cargar el CSS en el archivo .css).Error de Chrome con NO_MODIFICATION_ALLOWED_ERR Dom Exception 7

<script type="text/javascript"> 
window.onload = function() 
{ 
    var bmstyle = document.createElement('style'); 
    bmstyle.setAttribute('type', 'text/css'); 
    var styleStr = "#test-div {background:#FFF;border:2px solid #315300;"; 
    bmstyle.innerHTML = styleStr; 
    document.body.appendChild(bmstyle); 
} 

</script>

Si ejecuto en Firefox, funciona bien. Pero tengo este error en Google Chrome:

Line bmstyle.innerHTML = styleStr; 
Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7

¿Alguien tiene una solución? Gracias

Fuente

2010-03-26 HP.

parece mi problema que se describe aquí http://code.google.com/p/chromium/issues/detail?id=3976#makechanges~~V~~singular~~3rd así que me pregunto si "¿hay una forma de trabajar? " Gracias –

Creo que es porque estás usando innerHTML cuando en cualquier otro lugar estás usando la sintaxis XML. Proveedores:

bmstyle.nodeValue = styleStr;

Sugerencia 2:

También podría ser porque usted está tratando de establecer el innerHTML de un elemento aún no está en el código HTML DOM. Si ese es el caso, mi primera sugerencia todavía debe soportar, o se puede ir con:

document.body.appendChild(bmstyle); 
bmstyle.innerHTML = styleStr;

No estoy seguro de si había necesidad de una línea entre medio para recuperar el elemento o si el bmstyle todavía señalar lo.

Fuente

2010-03-26 07:47:56 Anthony

Debo mencionar que dado que el DOM en este caso es un DOM HTML, no debería importar. Pero Chrome puede estar enojado cuando no configuras la variable del elemento DOM explícitamente como HTML. – Anthony

He utilizado su sugerencia 2 y todavía tiene un error. Utilicé la sugerencia 1 con nodeValue, no tiene ningún error, pero la etiqueta de estilo no tiene nada (por cierto, corregí para agregar} al final). ¿Debo insertar en el encabezado y cómo? –

¡Gracias por esto!Muy útil –

Se podría ser porque es válido para poner <style> elementos en el interior del cuerpo, pero para ser honesto, me sorprendería

Fuente

2010-03-26 08:15:51 Gareth

Yo también he tenido este problema, intente éste:

bmstyle.value = styleStr;

Fuente

2010-09-01 05:17:01 Briandotcom0

Trate de usar:

<f:view xmlns:f="http://java.sun.com/jsf/core" contentType="text/html" />

Fuente

2010-09-30 08:29:41 DiS

uso innerText/textContent. O cree un nodo de texto con los estilos y agréguelo a la etiqueta de estilo. No es porque el estilo esté en el cuerpo, además siempre puedes agregarlo a la cabeza, lo que no soluciona el problema.

Fuente

2010-11-04 21:57:35 KSA

Solo una nota para referencia futura ... Estoy usando la siguiente función para crear dinámicamente estilos CSS. Descubrí que el uso de textContent funcionaba mejor.

Esto rompe el Safari

el.innerHTML = css.join('\n');

Esto rompe en Firefox

el.innerText = css.join('\n');

La siguiente es mi código final que funciona en ambos navegadores. IE no probado ...

/** 
* Write out stylesheets to the page. 
* 
* @param {array} css 
*/ 
function print_css(css) { 
    var headTag = document.getElementsByTagName('head')[0], 
     el = document.createElement('style'); 

    el.type = 'text/css'; 
    el.textContent = css.join('\n'); 
    headTag.appendChild(el); 
}

Fuente

2011-09-19 20:34:12

Error de Chrome con NO_MODIFICATION_ALLOWED_ERR Dom Exception 7

Respuesta

Cuestiones relacionadas