我目前正在制作留言簿,我想创建一个星级评分系统.但我被卡住了!当我点击它们时,我无法修复星星以使它们保持黄色(gelb).
到目前为止这是我的代码:
<div class="rating">
<p id="rating-paragraph">Rate</p>
<img id="stern1" src="pictures/durchsichtig.png" onmouseover="stern1.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'" alt="error"> <?php ?>
<img id="stern2" src="pictures/durchsichtig.png" onmouseover="stern1.src='pictures/gelb.png'; this.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png'" alt="error">
<img id="stern3" src="pictures/durchsichtig.png" onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
<img id="stern4" src="pictures/durchsichtig.png" onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';this.src='pictures/durchsichtig.png' " alt="error">
<img id="stern5" src="pictures/durchsichtig.png" onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; stern4.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';stern4.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
</div>
Run Code Online (Sandbox Code Playgroud)
和css:
__CODE__
谢谢你的时间,也许是为了一些帮助或建议:)
我是ES6的新手,我只是想知道如何在ES6中获取dom元素是否有关于获取dom元素的新语法.什么是最好的方式也请告诉我.
我只是简单地在下面举例说明: -
<ui class="ui-class">
<li class='li-class'>http://www.google.com</li>
<li class='li-class'>https://www.google.es/</li>
<li class='li-class'>https://www.google.co.za/</li>
<li class='li-class'>https://www.google.co.nz/</li>
</ui>
//get All li element using querySelectorAll
var allLiTag = document.querySelectorAll('li.li-class');
//ES6 for looping to get perticuler item one by one
allLiTag.forEach((liTag) => {
let innerText = liTag.innerText;
liTag.innerHTML='Click here -: <a href='+innerText+'>'+innerText+ '</a>'
});
//css part
.ui-class{
font-size: 26px;
padding: 10px;
}
.li-class{
padding: 10px;
}
Run Code Online (Sandbox Code Playgroud) 我有这样的字符串,
(1 AND 2 ) OR (2 AND 3)
Run Code Online (Sandbox Code Playgroud)
我需要用数字+特殊字符(比如1@,2@)替换这个字符串所有数字,结果应该是这样的,
(1@ AND 2@ ) OR (2@ AND 3@),
Run Code Online (Sandbox Code Playgroud)
所以我试过以下,
var d = "(1 AND 2 ) OR (2 AND 3)"
console.log(d.replace(/[0-9]/g, "@"))Run Code Online (Sandbox Code Playgroud)
但它只会产生一个结果,
(@ AND @ ) OR (@ AND @)
Run Code Online (Sandbox Code Playgroud)
我的预期输出是,
(1@ AND 2@ ) OR (2@ AND 3@)
Run Code Online (Sandbox Code Playgroud) 我是React的新手,我想在单击按钮时导航到另一个组件。我只想执行一个简单的路由。这是我尝试过的代码。但是我无法路由。
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom'
import Hello from './HelloComponent';
class App extends Component {
constructor(props) {
super(props);
this.try = this.try.bind(this)
}
try = () => {
alert();
<div>
<Router>
<Route path="/hello" component={Hello} />
</Router>
</div>
}
render() {
return (
<div className="App">
<div className="container">
<button id="b1" onClick={this.try}>Click me</button>
</div>
</div>
);
}
}
export default App;
Run Code Online (Sandbox Code Playgroud)
请帮助我使用此代码在react JS中执行基本路由
我假设 V8 使用散列以便将对象用作Maps 中的键。
const a = {};
new Map([[a, "a"]]);
Run Code Online (Sandbox Code Playgroud)
问题第 1 部分:V8 如何实现具有原始值键的映射,例如以下内容?
const a = {};
new Map([[a, "a"], [1, 100], [2, 200])
Run Code Online (Sandbox Code Playgroud)
问题第 2 部分:
像这样一个只包含原始值键的映射怎么样,这些键都是相同的类型?
new Map([[0, 0], [1, 100], [2, 200])
我所知道的将数字映射到数字的最有效方法是使用向量,这样上面的映射就可以像这样实现:
[0, 100, 200]
V8 是否在这些方面进行了任何专业化处理?
我进行了基准测试,将 Map 与一组数字进行比较,发现 number[] 快了 37%(大致符合预期),但我不确定到底发生了什么:https : //jsperf.com/map-number-number-与阵列。
请注意,在基准测试中,数组和映射是动态构建的,而不是像上面的示例那样一次性构建。
我是Extjs的新手.当我点击Extjs 4中网格面板中的按钮时,我试图在新的浏览器窗口中打开一个日志文件.
我可以下载该文件.但我不想下载它,我希望当我点击该按钮时它应该在新的浏览器窗口中打开.
我这样做:
{
xtype: 'gridpanel',
id: 'logResultGrid',
margin: '40 0 10 20',
width: 439,
title: 'Logs Result:',
store: 'LogsStore',
viewConfig: {
id: 'logsGrid'
},
columns: [{
xtype: 'gridcolumn',
renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
var directoryName = Ext.getCmp('logsJobName').getValue();
return '<a href="http://localhost:40889/Snowy/fileDownload/download.htmreportName=' + value + '&directoryName=' + directoryName + '">' + value + '</a>';
},
width: 297,
dataIndex: 'fileName',
text: 'Log Name'
}, {
xtype: 'actioncolumn',
width: 116,
items: [{
handler: function(view, …Run Code Online (Sandbox Code Playgroud) javascript ×4
css ×1
dom ×1
ecmascript-6 ×1
extjs ×1
extjs4 ×1
html ×1
jquery ×1
rating ×1
react-router ×1
reactjs ×1
regex ×1
routing ×1
v8 ×1