我正在寻找一种<style>使用JavaScript 将标记插入HTML页面的方法.
到目前为止我找到的最佳方式:
var divNode = document.createElement("div");
divNode.innerHTML = "<br><style>h1 { background: red; }</style>";
document.body.appendChild(divNode);
Run Code Online (Sandbox Code Playgroud)
这适用于Firefox,Opera和Internet Explorer,但不适用于Google Chrome.<br>IE的前端也有点难看.
有谁知道创建<style>标签的方法
更好
适用于Chrome?
或者可能
这是我应该避免的非标准事情
三个工作浏览器很棒,谁还使用Chrome?
我用Google搜索并找到许多用于隐藏和显示DIV内容的脚本,作为按钮点击时的切换.
但他们使用ID的工作.
我想做同样的事情,但我想使用一个类而不是id,所以如果我想要20个DIV的切换...隐藏/显示我不必添加额外的代码.
这是一些代码:
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>
Run Code Online (Sandbox Code Playgroud)
有人可以帮忙吗?
谢谢
我得到X和Y坐标或选定的区域,我然后用它来设置另一个DIV中的图像的位置.
瓦尔:
selection.x1 (This will need to be a negative value)
selection.y2
Run Code Online (Sandbox Code Playgroud)
我需要使用Javascript或jQuery编写以下代码:
div.css('background-position', -selection.xl selection.y2);
Run Code Online (Sandbox Code Playgroud)
但这只是给我一个错误,我怎样才能在CSS中添加两个背景位置值?