有没有办法使用JavaScript来查找特定的字符串并删除其'html元素.例如,我有以下html代码:
<div class="summary">
List of texts:
<ul>
<li>Text 0</li>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
<li>Text 4</li>
<li>Text 5</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
我想隐藏"文本2",首先我想找到这个字符串然后隐藏它.我试过的是使用html().替换但它只隐藏文本而不是元素. 的jsfiddle
我正在尝试制作一个可以改变字体颜色的简单动画,但我正在努力解决所述参考错误.有人能指出我正确的方向吗?我已经安装了颜色动画jQuery-plugin.
HTML:
<ul class="menu">
<li><a href="">ABOUT US</a></li>
<li><a href="">CONTACT</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
JS:
$('.menu').find('a').on('mouseenter', function() {
$(this).css({color: rgba(239, 231, 35, 0.8)});
});
Run Code Online (Sandbox Code Playgroud) 我有这个 Javascript 和 HTML 代码:
<script>
window.onload = function() {
function validate(e) {
var username = document.getElementById('username');
if (username.value.trim() == '') {
username.style.backgroundColor = '#ff4c4c';
e.preventDefault();
} else {
username.style.backgroundColor = null;
}
var password = document.getElementById('password');
if (password.value.trim() == '') {
password.style.backgroundColor = '#ff4c4c';
e.preventDefault();
}else {
password.style.backgroundColor = null;
}
}
document.getElementById('login').addEventListener('submit', validate);
}
</script>
<div id="navrow">
<img style="float: left;" src="questerslogoresized.png" />
<ul>
<li>Register</li>   </li>
<li>About</li>   </li>
<li>Reviews</li>   </li>
<form id='login' action='<?php echo $fgmembersite->GetSelfScript(); ?>' method='post'>
<div style="position: absolute; right: 120px;"> …Run Code Online (Sandbox Code Playgroud) 我是ES6的新手,我正在试图找出它之间的区别:
const func1 = (x, y) => x * y * 3
Run Code Online (Sandbox Code Playgroud)
还有这个:
const func2 = x => y => x * y * 3
Run Code Online (Sandbox Code Playgroud)
我试过运行它,我看到了func1(1,1)返回3和func2(1)返回1.
所以,我在一个特殊条件下有一个span带有classNames触发器的简单标签,但由于某些原因我class的内容DOM没有出现.我class没有任何相似之处<span class>...</span>.
我的标签:
<span key={total} className={'total' + ' ' + total === 0 ? 'total--empty' : ' '}>
{total ? total : 0}
</span>
Run Code Online (Sandbox Code Playgroud) 我的情况是将一个字符串分成字符串数组,然后将每三个字符转换为一个字符串.(例如"xxxyyy" - > ['xxx','yyy'])
const translate = function (RNA) {
var arrRna = Array.from(RNA);
var arr = [];
for (var key in arrRna) {
if ((key % 3) == 0) {
var temp = RNA.slice( key, (key+3));
arr.push(temp);
}
}
return arr;
}
console.log(translate('xxxyyyzzz'));Run Code Online (Sandbox Code Playgroud)
预期结果 : ['xxx','yyy','zzz']
但我想要的结果是: [ 'xxx', 'yyyzzz', 'zzz' ]
此外,我注意到切片方法在第一次迭代中按预期工作,但在此之后,奇怪的结果 - >'yyyzzz'.为什么??
我想验证这个表单,我写了javascript但是当我按下submit它什么也没做.
只有pattern=[a-zA-Z]工作
function validation() {
var name = document.getElementById('name').value;
var surname = document.getElementById('surname').value;
var message = document.getElementById('message').value;
var email = document.getElementById('email').value;
if (name == '' || surname == '' || message == '' || email == '') {
document.getElementById("eresult").innerHTML = "All fields required"
return false;
} else if (name.length < 2) {
document.getElementById("eresult").innerHTML = "Name must be atleast 2 charachters"
} else {
return true;
}
}Run Code Online (Sandbox Code Playgroud)
<aside id="sidebar">
<div class="dark">
<form action="#" name="form" method="POST" onsubmit="return …Run Code Online (Sandbox Code Playgroud)我需要检查一个字符串是否包含阿姆哈拉语,它也可以包含英语字符:
\n\nconst amharic = "\xe1\x8b\xa8\xe1\x88\x99\xe1\x8a\xa8\xe1\x88\xab test \xe1\x88\x95\xe1\x89\xa5\xe1\x88\xa8\xe1\x89\x81\xe1\x88\x9d\xe1\x8d\x8a";\namharc.match(pattern)\nRun Code Online (Sandbox Code Playgroud)\n 我试图将导航菜单始终放在前面?如何让导航菜单位于我所有内容的顶部而不隐藏在它后面?
我的第二个问题是为什么当我点击导航菜单时,它有时会“闪烁”?
js
$(function() {
// Stick the #nav to the top of the window
var nav = $('#nav');
var navHomeY = nav.offset().top;
var isFixed = false;
var $w = $(window);
$w.scroll(function() {
var scrollTop = $w.scrollTop();
var shouldBeFixed = scrollTop > navHomeY;
if (shouldBeFixed && !isFixed) {
nav.css({
position: 'fixed',
top: 0,
left: nav.offset().left,
width: nav.width()
});
isFixed = true;
}
else if (!shouldBeFixed && isFixed)
{
nav.css({
position: 'static'
});
isFixed = false;
}
});
});
$(document).ready(function() { …Run Code Online (Sandbox Code Playgroud) 我有一个带有 hr 分隔符的网页,并尝试在我的 CSS 文件中为其添加颜色,但似乎没有任何修改起作用。有人可以帮忙吗。
这是我的 CSS 文件代码:
body {
background: linear-gradient(black,white);
text-align:center;
}
#main {
width: 1000;
height: 600px;
background: linear-gradient(gold, white);
margin: 25px auto;
border: solid 4px #FFFFFF;
}
h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 40pt;
color: black;
}
hr{
height: 6px;
color: black;
}
Run Code Online (Sandbox Code Playgroud) javascript ×9
html ×6
jquery ×5
css ×2
ecmascript-6 ×1
forms ×1
reactjs ×1
regex ×1
slice ×1
string ×1
unicode ×1
validation ×1