使用javascript访问外部CSS

Access external CSS using javascript

本文关键字：CSS 外部 访问 javascript 使用      更新时间：2023-09-26

JS:

var layer1 = document.getElementById('layer1');
ctx1 = layer1.getContext('2d'); 
layer1.style.zIndex=z1; //it is not working in my case

CSS：

canvas#layer1 { 
z-index: 3;}

如何访问此外部CSS，并更改z索引的值。

我的错误：

layer1.style.zIndex=单元格值//不是layer1.style.zIndex=z1；：）

尝试：

document.getElementById("layer1").style.zIndex = 3;

注意：当您必须处理用- 划分的属性时，您必须在JavaScript中使用CamelCase样式

var canvas=document.getElementById('layer1');
canvas.styles.zIndex=anyIntegerValue

这里有一种通用的方法，只需注入CSS规则，而不必在引用中针对它们。适用于所有浏览器。

function css_add_inline( css_code ) {
    var div = document.createElement( "div" );
    div.innerHTML = "<p>x</p><style>" + css_code + "</style>";
    document.body.appendChild(div.childNodes[1]);
}
css_add_inline( "#layer1 { z-index: 3 !important }" );

看看这个动作：http://pp19dd.com/2012/01/add-inline-css-or-remote-css-file-with-javascript/

相关文章：