我现在正在尝试用函数的js onclick来实现页面布局的改变，问题是，如何让js显示当前的正文html？ 逻辑如下： 首先我有我的页面html和主体dom，然后我有我定义的脚本，如果你点击按钮，你会有不同的内容显示，使用pageLayout.innerHTML = "<p>this is the new content</p>"。 但是我如何让js显示最后的内容，或者返回到正文中脚本顶部定义的内容，而不是复制粘贴两次，最后使用相同的函数？
浏览 52提问于2021-08-15得票数 0
回答已采纳
我想改变内容时，用户做一个鼠标-通过一个链接！关于这个问题，我找了很多遍了。最后，我为自己找到了最好的解决方案。
代码包括两个.js文件：
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#tabs
浏览 0提问于2015-04-03得票数 0
回答已采纳
4回答
我试图使动画效果的背景，它应该听取一个事件，将改变图片点击。例如，我点击Sajo Hapyo，它应该改变背景图像。主要的问题是，所有的图像都会有不同的背景-图像，我真的被困在这个。
我在我的JS中使用了JS进行测试，因为我想检查它是否工作。
在最后的版本中，背景图像将被添加，它应该通过使用漂亮的jquery (effect)改变单击。
这是截图
请帮帮我
这是我的密码
<section id="main-showcase">
<div class="showcase-wrapper">
<div cl
浏览 3提问于2017-07-26得票数 0
回答已采纳
我使用p5.js是为了构建一些想法的原型，但由于p5.js并不是真正使用实际的HTML绘制内容(据我所知，它使用的是画布)，所以它不包括可选文本之类的内容。我想要达到的效果是不断变化的( DOM元素的CSS会不断变化)，有没有办法让我可以像p5.js的update函数那样，每“帧”改变一次CSS函数？
浏览 13提问于2020-04-22得票数 0
回答已采纳
我得到了一个具有以下结构的标记：
<body>
<h1>Title</h1>
<p>bla</p>
<div>
... <!-- a thousand tags -->
</div>
<div id="do-not-modify-me">
<!-- a hundred tags -->
</div>
</body>
我希望在正文中做一点搜索和替换，但这不能改变# do - not -modify
浏览 2提问于2009-06-10得票数 1
回答已采纳
2回答
按钮CSS查询
、、
我有一个页面，其中列出了3个按钮，由PHP语句输出，每个按钮都封装在一个单独的"a“标记中。我的问题是，当我更新CSS时，按钮的宽度会改变，但是高度不会改变。
我非常困惑，我检查了所有其他id和类来检查冲突等，但是看不到任何明显的东西。宽度改变时，在开发工具上的铬，但高度不会改变。
我可能错过了一些显而易见的事情，因为我倾向于这样做，但不能为我的生活看到问题。
任何帮助都是非常感谢的。
代码：(注意:我使用的是"admin“帐户，所以$admin =1。)
<?php
ini_set('display_errors', 'On');
ses
浏览 2提问于2015-07-30得票数 0
回答已采纳
1回答
我想改变滚动上的部分，以消除单页网站的溢出，并改变滚动上有100%高度的部分。我尝试使用：
但不能让它工作。当我按照所有指令操作时，我得到以下错误：
Error: [$compile:nonassign] http://errors.angularjs.org/1.6.6/$compile/nonassign?p0=undefined&p1=options&p2=fullPage
angular.js:14700 TypeError: Cannot set property 'afterRender' of undefined
angular.js:147
浏览 0提问于2017-10-18得票数 0
4回答
我在Asp.Net 3.5 .I am having IE7中使用Jquery做了一个小的风格改变应用。当我点击按钮时，段落颜色应该会改变。问题是，颜色正在变化，它不是stable.Means，就像眨眼一样。请找到下面的代码
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
浏览 0提问于2011-06-29得票数 0
回答已采纳
我确信这是一个明显而愚蠢的错误，但我似乎不能在函数调用中添加一个类：
问题出现在JS部分的第28行：
function smove(){
$(".creatures p:nth-child(2)").addClass("selected");
}
当我调用这个函数时，它并没有像我在html中所期望的那样改变"Rodan“，在这里(不包括pug)，我期望它通过添加类而变黄：
.selected{
color:yellow;
}
转入：
<div class="creatures">
<p class=
浏览 3提问于2017-10-12得票数 0
回答已采纳
我刚刚开始学习Node.js，我编写了这样最简单的服务器：
// workspace
const p = document.querySelector('p');
p.textContent = 'aleluja';
html {
font-size: 10px;
}
body {
font-size: 2rem;
}
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title&
浏览 0提问于2019-05-11得票数 0
回答已采纳
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Practice</title>
<script src="my.js"></script>
<link rel="stylesheet" href="my.css" />
</head>
<body>
<h1>Pr
浏览 1提问于2018-02-24得票数 0
所以在我的HTML文件中，我
<p class = "result"> {{searchResult}} </p>
其中{{searchResult}基本上是我的结果。因此，如果我搜索“热”一词，{searchResult}将包含一个字符串，其中包含文档中的“热”一词。例如：
“这太热了”
所有的东西都会出现在网页上，非常好，但是我想改变字符串中搜索词的颜色。
我尝试修改应该输出JS文件中内容的部分：
content: result.replace(searchTerm, <span class= "search">
浏览 1提问于2018-11-24得票数 0
1回答
我是d3的新手，下面是使用传单和D3.js:动画路径的示例
在遵循这个链接之后，我想在时间大于10之后改变这条线的颜色，然后我意识到我应该看的函数是
function tweenDash() {
return function(t) {
//total length of path (single value)
var l = linePath.node().getTotalLength();
interpolate = d3.interpolateStrin
浏览 1提问于2018-09-19得票数 0
我想知道如何改变innerHtml以在两种状态之间来回切换。我有这个html
<div class="test" id="test">
<p>this is a test</p>
</div>
<p id="js" class="test" >Change</p>
这就是我的JavaScript
let button = document.getElementById("js");
button.onclick = function
浏览 1提问于2018-05-01得票数 3
回答已采纳
我正在做一个google扩展，我想通过按下popup.html中的一个按钮，然后运行我的函数来改变popup.html的背景色。
这是我的代码：
JavaScript文件ms.js
function color1(){
document.getElementById("body-container").style.backgroundColor="blue";}
HTML popup.html文件：
<!DOCTYPE html>
<html>
<head>
<script src="ms.js">
浏览 1提问于2016-04-28得票数 0
回答已采纳
1回答
我有一个JavaScript文件，在该文件中，我需要从html页面创建某种字典(包含翻译文本)，并能够从header中更改语言。
<a class="text-center" id='lnkHumanResources'>
<p><img width="100" height="100" src="assets/img/icons/home-hr.png" /></p>
<h1>Ljudski resursi</h1&
浏览 3提问于2017-06-20得票数 0
我在上找到了Angular JS，我发现以下代码可以在Chrome中运行，但不能在IE 11中运行。
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="utf-8" />
<title>No Title</title>
<script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.7
浏览 0提问于2014-05-19得票数 13
2回答
嗨，我试图在主页面添加搜索栏，并在主页面搜索，而不改变到另一个页面。我的user.js文件 if (req.method == 'get'){
var username = req.query.username;
Users.find({username}, function (err, user) {
if(err) {
浏览 29提问于2021-01-19得票数 1
回答已采纳
我创建了一个表单。使用jQuery得到形式的第一段。使用add函数，我将再次添加它。有了这个，我得到了所有新字段的相同名称。我无法在views.py中检索它的值。
有没有办法改变js中的字段名？或者其他的解决办法？
JS职能：
$(".add").click(function() {
$("form > p:first-of-type").clone(true).insertBefore("form > p:last-child");
return false;
});
$(".remove").cl
浏览 3提问于2021-11-09得票数 0
1回答
为什么这个点击事件不能改变#输出中的文本呢？但是如果我在表单标签外写按钮标签，它会改变#output中的文本。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<form>
<button id="compressStart">Start</button>
</form>
<p id=
浏览 5提问于2016-04-12得票数 1
回答已采纳
3回答
我想经常读取JSON格式的js文件，所以我的页面显示了该文件的更改。
我希望每次更改目录中的数据库文件时，页面中的某些内容都要更改。
我的文件是
objectoJSON.js
var rightFencer;
rightFencer = {"name":"Jorge ANZOLA","nacionality":"VEN","points":10};
var leftFencer;
leftFencer = {"name":"John DOE","nacionality
浏览 5提问于2015-11-21得票数 2
回答已采纳
你好，我是新的反应JS，我想动态改变颜色的h1标签，基于单击事件的反应JS。我试过了，这是。
当我试图更新样式对象时，我得到了Error: Cannot assign to read only property color of object。
我尝试了许多在堆栈溢出中发布的解决方案，但它们都没有帮助我解决这个问题。请帮帮我。
App.js
import React from "react";
import "./style.css";
export default function App() {
const st
浏览 6提问于2020-11-05得票数 0
回答已采纳
2回答
所以我的代码是关于当我选择货币时，价格和符号必须改变；如果我选择了USD $并且它已经是$，那么不应该改变，而如果我选择LBP并且货币是$，那么价格必须乘以2000，符号将从$更改为LBP，但问题是当我在JS中引入这个语句时，脚本停止工作(它是乘以2000)： function report(currencyy) {
var price = document.getElementById("price");
var symbol = document.getElementById("symbol");
symbol = String(symbo
浏览 18提问于2020-12-24得票数 0
回答已采纳
我在练习vue js。这是vue.js代码
new Vue({
el: '#people',
data: {
var1: 0,
var2: null,
var3: 'Hello',
var4: 'Yassss'
},
computed: {
var5: function() {
let var1 = 0;
if(this.var2 != null){
var1++;
}
console.log(this.var3);
return var1;
}
}
});
这是html代码
<p&
浏览 1提问于2022-04-23得票数 -1
1回答
我想知道如何创建按钮，这些按钮可以更改div中的内容，如果最后单击的按钮(实际内容)再次单击而不是更改，则应该清除div。
到目前为止，我得到了创建和更改内容的代码，如下所示：
HTML
<button onclick="changeNavigation('bl1')">Techniker</button>
<button onclick="changeNavigation('bl2')">Übersetzer</button>
<button onclick="cha
浏览 0提问于2018-05-22得票数 0
回答已采纳
我希望获得一个变量的值与用户单击按钮的次数一样多。我正在使用P5.js编辑器。
let button;
let upScore =0 ,preScore=0;
let run = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
function setup() {
createCanvas(200, 200);
background(128);
button = createButton('click me');
button.position(60, 100);
button.mousePressed(clickAdd);
浏览 2提问于2020-08-12得票数 2
回答已采纳
我不能真正理解jQuery，所以在这里试试我的运气。
我需要的-在开始它确实只显示CRAZY目录(CRAZY2是不可见的)。单击lasit_komentarus div时，整个CRAZY div将消失，而仅显示CRAZY2 div。
<div class="CRAZY">
<a href="#"><div class="ienakt"><p>Ienākt</p></div></a>
<div class="atkape"/&g
浏览 0提问于2015-09-16得票数 0
我的盖茨比网站需要2个博客模板：
stories-template.js
products.template.js
我有我的故事模板运行我的故事，但我不知道如何调整和改变我的现有代码在盖茨比节点+ products.template.js为我的产品制作第二个(不同的)模板。
我试过所有的解决方法和过去的问题，但没有运气。
我的Gatsby-node.js代码：
const path = require('path');
exports.createPages = ({actions, graphql}) => {
const { createPa
浏览 1提问于2019-02-11得票数 1
我有一个vue2组件，如下所示：
<template>
<p>Hello world</p>
</template>
<script>
export default { name: 'Example' };
</script>
<docs>
Some documentation...
</docs>
我还想为我的vue文件使用额外的加载程序，所以我的webpack配置如下所示：
module.exports = {
module: {
rules: [{
浏览 3提问于2021-02-08得票数 2
回答已采纳
3回答
我在Mac上使用chrome，索引文件运行，但是脚本没有改变任何东西。我试着删除段落，但这也不起作用。我试着从Live分机上努力地刷新和运行。
这是Index.html的代码
<!DOCTYPE html>
<html>
<head>
<h1> I've a lot of things to do today.</h1>
</head>
<body>
<p> 1. Get the litter & Wet Food.<
浏览 16提问于2022-05-29得票数 0
3回答
例如，有react js代码， <p> hello </p>
<p> world </p> 在这里，我想用内联样式改变字体大小。我知道这是可以解决的 <p style={{fontSize: '24px',}}> hello</p>
<p style={{fontSize: '24px',}}> world</p> 但我想知道如何改变这一切 标记转换为一个常量样式
浏览 33提问于2020-07-21得票数 0
回答已采纳
2回答
我试图改变点击和颜色的价值。我可以通过js改变值，但不能改变颜色。这是我的Js代码
<script type="text/javascript">
function change(el) {
if (el.value === "P")
el.value = "A";
else
el.value = "P";
}
</script>
，这是按钮：
<td>
<input id="p
浏览 5提问于2018-01-01得票数 0
1回答
我使用将html模板文件导入到javascript组件中。
当我使用watchify时，如果html已经改变，它不会更新。只更改Javascript文件。npm脚本如下所示：
watchify -p browserify-hmr -t [babelify ext .js .html] src/index.js -o public/bundle.js
由于这不起作用，我使用watch代替，如下所示，但我的构建至少比以前慢了5秒，因为它们是即时的。
browserify脚本为browserify -t [babelify ext .js] src/index.js -o public/bundle
浏览 16提问于2017-01-26得票数 4
回答已采纳
2回答
我在div中有一个脚本，当有人用唯一的ID单击一个按钮时，我想刷新这个脚本。
我有一些数据将显示在div中--我需要刷新这些数据，而无需刷新整个页面。
我找到了一个改变边框颜色的解决方案，但我不能把它简化到我需要的程度。到目前为止，我的情况如下
var storeColor = 'red';
$('#container').on('click', 'button', function() {
var $p = $('#content p');
var tmp = $p.css('border-
浏览 21提问于2022-07-31得票数 1
回答已采纳
我想改变页面语言使用js我正在使用谷歌翻译器。
下拉值正在使用我的代码更改，但我认为我们需要触发任何ajax，以便它将被翻译。请提出任何解决方案
我正在尝试这段代码，但它不工作。
$('.goog-te-combo').val('ur').trigger('change');
$('.goog-te-combo').find('select').trigger('change');
以下是我的代码
<!DOCTYPE html>
<html>
<head>
浏览 1提问于2018-06-06得票数 0
2回答
在下面的html代码中，段落(p)元素的颜色不随css的颜色属性而改变，*
，但是如果我用div元素替换p，它是正常工作的..
enter code here
如何在Ubuntu14.04中安装Node.js和npm工具
如何在Ubuntu14.04中安装Node.js和npm工具
<div>
<h2>
Introduction:
</h2>
<p style="color:red;">
<h3>Node.js</h3>
&
浏览 4提问于2015-10-11得票数 0
回答已采纳
如果选中了无线功能，我想替换一个p标记值。
我写了一些JS来做这件事，但是什么都没有改变。这是我的代码(我使用jquery)
<script>
$(function(){
if ($('#A:checked')) {
$("#change_me").html('<input type="radio" value="1" name="fruit">')
}
if ($('#B:checked')) {
$("#change_me"
浏览 2提问于2011-03-31得票数 0
回答已采纳
我想通过更改参数中列出的变量来缩短代码。我的意思是，能够改变函数所改变的变量。我怎样才能以尽可能短的方式做到这一点？
当前的HTML和JS：
<script src="test.js"> </script>
<p onclick="TEST(this, test)"></p>
。
var test= 0;
function TEST(element, value){
element.innerHTML = value
value= 1;
}
浏览 1提问于2015-05-18得票数 0
回答已采纳
2回答
错误混淆了JQuery和
、、、
我在JQuery和JQuery手机上遇到一些麻烦。当我单击页面中的链接时，会出现以下错误：
未登录错误:无法在初始化之前调用页面上的方法；试图调用方法'bindRemove'
我试图改变链接rel和脚本的位置，但是它破坏了我的设计.
有人有主意吗？
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Inc
浏览 1提问于2015-03-25得票数 0
我在我的角度js项目的模板中使用语义ui手风琴。
<div class="ui accordion">
<div class="active title">
<i class="dropdown icon"></i>
What is a dog?
</div>
<div class="active content">
<p>A d
浏览 3提问于2014-03-14得票数 0
回答已采纳
2回答
我想将这个Javascript代码片段(来自AWeber的webform)嵌入到我的网站中：<script type="text/javascript" src="http://forms.aweber.com/form/49/522310949.js"></script>
我的网站使用的是p { line-height: 1.5em; }风格。不幸的是，这也适用于Javascript代码片段，使其看起来很愚蠢。
我如何告诉Javascript代码段使用1em的行高而不是1.5em？
我试过了，但不起作用：
<p style=
浏览 4提问于2011-11-23得票数 0
1回答
我正在尝试为我的幻灯片创建一个模板。我使用reveal.js作为我的框架。我在Rstudio中使用了slidify包。
我已将以下文本保存为assets/layouts中的html文件
---
layout: slide
---
{{{ slide.content }}}
<style>
p {
color: #00BFFF;
position: relative;
line-height: 1;
}
</style>
对于我想要这种样式的幻灯片，我这样标记它们：
--- &test
### a header
some text
浏览 2提问于2015-03-19得票数 0
我在magento2页面中有一个敲除的js代码。
这是代码
<p data-bind="text:console.log('parent befor', $parent)"></p>
<!--ko foreach: { data: JSON.parse($parent.options), as: 'option' } -->
<p data-bind="text:console.log('parent after', $parent)">&l
浏览 4提问于2021-08-13得票数 1
回答已采纳
3回答
我只是拿起JS & jQuery，并认为自己很有能力使用HTML/CSS。我正在建设一个单一的页面前端唯一的网站。我已经用Bootstrap确定了布局，现在我只是想弄清楚其中的一些功能。我的设想如下：
在这4个<div>s中，有4个带有文本和图像的<div>；在它下面有一个带有类#content的<div>。每个.on('click') div都有一个#c1-4侦听器，当用户单击特定的div时，#content div就会相应地改变。
<div id="#c1" class="active-div"
浏览 3提问于2016-08-23得票数 3
我刚刚开始使用Vue.js，我只是遇到了v-model部分，下面是代码：
HTML：
<div id="app"> <p> {{message}} </p> <input v-model="message" id="input_id"> </div>
javascript：
var v = new Vue({
el:"#app",
data:{
message: "Hello"
}
});
var inputDOM = doc
浏览 2提问于2016-12-12得票数 1
回答已采纳
我遇到了一个问题，在umbraco中的富文本编辑器在每次按enter键时都会输入<Br>。然而，在旧版本中，它是<p>标签。我想在umbraco7中改变tinymce编辑器的这种行为。我尝试了各种选项，例如: 1)在tinymceConfig.config中设置以下内容
<customConfig>
<config key="force_br_newlines">FALSE</config>
<config key="force_p_newlines">TRUE</co
浏览 2提问于2017-03-28得票数 1
HTML是：
<div class="form-item" id="edit-image-upload-wrapper"><img id="img_prev" src="#">
<label for="edit-image-upload">Upload Your Picture: <span class="form-required" title="This field is required.">*</span>
浏览 0提问于2014-05-10得票数 0
回答已采纳
我正在创建一个简单的仪表板，我想要更改页面的部分。为了改变这一点，我使用了innerHTML。但是当我运行它时，UI没有变化，控制台中的值也没有变化。
我想要做的是用html文件更改页面的内容，而不是触及侧边栏。我得到的是，它没有改变它，但当我使用它在URL标签，它工作，当点击后，多次点击，它有时会工作。
Javascript文件。如下所示
const route = (event)=>{
event = event || window.event;
event.preventDefault();
window.history.pushState({}, "
浏览 2提问于2022-07-24得票数 0
我正在尝试使用Rust对HTML文件进行修改。基本上，我在代码中找到了我想要替换的特定内容，然后用String.replace(stringToReplace，replacingString)替换它。在我试图更换一个多行的部分之前，这个方法一直运行良好。例如：
index.html
<div id="outer">
<h1>Some title</h1>
<p>Some text</p>
</div>
newIndex.html
<p>I have replaced the wh
浏览 3提问于2021-01-25得票数 2
1回答
我试图创建动画效果，其中每一行的文本幻灯片上加载，仅使用css。
这是正确的方法吗？我觉得有更好的方法来实施。我不喜欢用键盘框来改变衬垫和线条高度，以便在每句话之后都有幻灯片的效果。
谢谢你的帮助！
HTML
<p class="slide-up">
Here is the first sentence that should slide up
</br>
This is the second sentence that should slide up right after it with a delay
</p>
CSS
p
浏览 1提问于2015-09-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
