我有很多div与publish_0我想要改变的类publish_1点击一个按钮.
现在我使用它但它只改变一个项目.
如何将setattribute应用于具有该属性的所有项目publish_0.
document.querySelector('.publish_0').setAttribute("class", "publish_1");
Run Code Online (Sandbox Code Playgroud) 我正在尝试制作一个按钮,在单击时显示一个段落,并在第二次单击时隐藏它。我没有使用更传统的方法,而是使用 JavaScript 将样式从 更改visibility:hidden为visibilitiy:visible.
<style>
#p {
visibility:hidden;
}
</style>
<button onclick="show() ">Click me</button>
<p id="p">hi</p>
<script>
function show() {
document.getElementById("p").style.visibility = "visible";
}
</script>
Run Code Online (Sandbox Code Playgroud)
如果没有 jQuery,我该如何做到这一点?
<html>
<head>
<style>
.tagging{
border: 1px solid black;
width : 20px;
height: 30px;
}
</style>
<script>
window.onload = function(){
var div = document.getElementsByTagName("div");
div[0].class = "tagging";
}
</script>
</head>
<body>
<div></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的代码.我想知道为什么当我通过javascript分配类属性时它不起作用,但是当我直接在html中分配内联时它可以工作
<div class="tagging"></div>
Run Code Online (Sandbox Code Playgroud) 在什么情况下应优先选择以下哪一项?
btnElement.classList.add('btn');
btnElement.className = 'btn';
Run Code Online (Sandbox Code Playgroud) 这可能很简单,我知道你可以通过javascript改变css属性;
document.getElementById('bob').style.background='#000000';
Run Code Online (Sandbox Code Playgroud)
但是我最近发现你可以用不同的方式做这件事并设计多种东西,所以这样的事情;
document.getElementById('bob').css='background:#ffffff; color: #000000;';
Run Code Online (Sandbox Code Playgroud)
问题是我忘记了代码是什么,所以我基本上想要实现的是代替".css"的内容?有谁知道我需要的代码在他们的头顶?
我的网页上有一个按钮,代码如下 -
HTML:
<button type="submit" class="checkout-button" id="checkout-button" name="checkout-button"></button>
Run Code Online (Sandbox Code Playgroud)
CSS:
.checkout-button{
width: 130px;
height: 35px;
background: url('../poc2/images/checkout.png') no-repeat;
border: none;
vertical-align: top;
margin-left:35px;
cursor:pointer;
}
Run Code Online (Sandbox Code Playgroud)
现在,按钮工作正常,因为我可以点击它并运行我相应的PHP代码; 指针变成手形符号,让用户清楚地知道它是可点击的,而它是一个按钮.
我想要做的是根据某些条件修改此按钮的行为.示例伪代码:
if flag=1:
/* enable the button, and let the user click it and run the php code */
else:
/* display this button, but don't let any actions take place if the user clicks on it; */
Run Code Online (Sandbox Code Playgroud)
如何为按钮编写此启用 - 禁用逻辑?基本上,我希望按钮在正常情况下作为按钮工作; 就像在某些其他情况下没有任何超链接的图片一样.
我正在开发一个移动网站,一旦网站加载,全屏图像将显示为浮动图层.
请看下面........

答:我的移动网站包含大量超出窗口高度的内容
B:页面加载后,全屏图像显示为内容顶部的浮动图层.图像超出窗口高度
C:当用户向下滚动时,他可以看到图像的下半部分,但不能看到网站内容.无论用户如何向下滚动,图像的底部都不应从屏幕底部分离
我可以知道如何实现C ??
此外,在情况B中,如果用户使用具有大屏幕的智能电话,有时图像可能不会超过屏幕高度,在这种情况下,图像应固定在屏幕的顶部而不能滚动.
如果不使用jquery可以实现上述所有目标,那会更好.但是,如果它是必须的,那么它仍然可以........
非常感谢.
我需要在完全呈现组件(甚至页面)之后切换css类,以便在页面加载时对相关属性进行动画处理.
我怎么做这个,最好没有jQuery?
如果我切换组件的类componentDidMount,动画实际上不会发生.
我使用java-script编写动态表单.我想在java脚本中添加样式.我写了一些代码来添加样式.但它没有用.这是我在项目中编写的代码.
var sheet = document.createElement('style');
sheet.type="text/css";
sheet.innerHTML = "body{color:red;}";
document.body.appendChild(sheet);
Run Code Online (Sandbox Code Playgroud)
有人帮我请.
javascript ×9
css ×8
html ×4
button ×1
dom ×1
if-statement ×1
image ×1
onclick ×1
position ×1
reactjs ×1
setattribute ×1