如何使用DOM将输入项推送到空数组并将其输出到h1标记？
使用DOM将输入项推送到空数组并将其输出到h1标记的步骤如下：
- 首先，创建一个空数组，用于存储输入项的值。
var inputArray = [];- 获取输入项的值。可以通过DOM操作获取输入框的值。
var inputValue = document.getElementById("inputBox").value;- 将获取到的值推送到数组中。
inputArray.push(inputValue);- 将数组中的值输出到h1标记。可以通过DOM操作将数组中的值设置为h1标记的文本内容。
document.getElementById("outputH1").innerText = inputArray.join(", ");在上述代码中，"inputBox"是输入框的id，"outputH1"是h1标记的id。通过获取输入框的值，并将其推送到数组中，然后将数组中的值以逗号分隔的形式输出到h1标记中。
这种方法可以用于实时更新输入项的值，并将其显示在页面上的h1标记中。
相关·内容
1回答
我得到了一个求职面试的编程挑战，我想看看是否有任何善行的实干家可以帮助我找出哪里出了问题。我甚至不能理解被问到的一般问题，所以我想知道是否有人有同样的想法。这就是整个问题：
HTML的简化版本可以通过使用数组表示元素来表示：
[tagName, child1, child2, ...]
·标记名始终是数组中的第一个条目，并且是一个字符串。·子对象可以是数组，也可以是字符串。·如果子对象是字符串，则将其视为纯文本，而不是HTML标记。·如果子元素是数组，则将其视为嵌套元素。·不支持属性、注释等，只支持元素和文本。实现一个接受数组并生成HTML的JavaScript函数。·空标签应该是自动关闭的。
浏览 0提问于2016-12-20得票数 0
我有一个组件，其中包含以下模板标记
<template is="dom-repeat" items="{{values}}">
<div><span>{{item.msg}}</span></div>
</template>
这个组件有一个属性值，它是一个对象数组。
现在我想要在这个数组属性前面加上一个项目来响应一个事件。聚合物是否会重新呈现这个完整的UI，丢弃现有的DOM元素，因为所有现有的元素都会被索引1下推？如果是这样，我可以实现哪些优化来避免DOM重新呈现，当Array变大时
浏览 7提问于2017-11-12得票数 0
class Rnn extends Component{
constructor(props){
super(props);
this.state={
x:[]
}
}
componentWillMount(){
var api={
getroverss(){
var url="https://fcctop100.herokuapp.com/api/fccusers/top/recent";
return fetch(url).then((res) => res.json());
}
},
api.getrovers().then((res) =>
浏览 0提问于2017-03-18得票数 0
回答已采纳
1回答
我正在尝试编写一个函数，该函数将遍历我的“main”div元素的子节点，并将元素标记名输出到hmtl页面上，每次我试图编译我的代码时，我都会得到未定义的结果。有谁能解释一下原因吗？
会不会是因为Console.log返回undefined？但是，如果是这样的话，我不应该仍然从for循环中接收某种输出吗？
function looper() { //function that will loop through the child nodes of main
var nodes = document.getElementById('main').chil
浏览 2提问于2013-07-17得票数 0
1回答
我有一个表单，它将数据提交到一个名为ng-submit="newBirthday()的函数中，这会将数据- $scope.bdayname, $scope.bdaydate;推到一个名为bdaes的数组中。
我的问题是，在我看到的所有教程中，数组都有预定义的数据，是否有一种方法可以成为一个空数组，在提交数据时填充它呢？
app.js:
var app = angular.module('birthdayToDo', []);
app.controller('main', function($scope){
// Start as not v
浏览 1提问于2013-03-16得票数 1
回答已采纳
let mainDiv = document.getElementById("main");
let myParagraph = document.createElement("p");
let myTextNode = document.createTextNode("hi");
myParagraph.append(myTextNode);
mainDiv.append(myParagraph);
let max = 25;
let oneToTwentyFive = [];
function oneHigh() {
for (i = 1
浏览 3提问于2020-08-24得票数 0
回答已采纳
2回答
我正在尝试使用简单的html dom来解析我的html数据。但是每当我使用下面的代码时，我就会得到错误:-
Trying to get property of non-object
我的代码是：
foreach($html->find('div.row') as $val)
{
$name = $val->find('h1')->innertext;
echo $name;
}
但是当我像这样使用它时，我得到了正确的结果：
foreach($html->fin
浏览 0提问于2013-04-02得票数 3
回答已采纳
如何修复这个错误: input是一个空元素标签，既不能有children，也不能使用dangerouslySetInnerHTML。 import "./styles.css";
export default function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<input>Start editing to see some magic happen!</input>
浏览 19提问于2021-11-16得票数 2
回答已采纳
$match = q(<a href="#google"><h1><b>Google</b></h1></a>);
if($match =~ /<a.*?href.*?><.?>(.*?)<\/a>/){
$title = $1;
}else {
$title="";
}
print"$title";
输出：Google</b></h1>
应该是：Google
无法使用Perl中的Regex从链接中提取值，它可能有一
浏览 2提问于2013-08-28得票数 1
回答已采纳
2回答
html：
<!DOCTYPE html>
<html>
<head>
<script src="plm.js"></script>
</head>
<body>
<h1 id="element">number</h1>
<button onclick="bruh()">Add Num</button>
</body>
</html>
js
let nr
浏览 7提问于2022-08-23得票数 0
回答已采纳
1回答
(注意：这个问题与上面类似的问题不同，因为它涉及附加的DOM树和独立的DOM树之间的差异。)
一段简单的HTML，其中包含在元素之间没有空格的DIV：
<!DOCTYPE html>
<html>
<body>
<div><h1>The Title</h1><p>A paragraph.</p><p>A second paragraph.</p></div>
</body>
<script type="text
浏览 9提问于2022-10-03得票数 2
回答已采纳
这是一个新手问题，所以，请对我大方一点。
以Twitter为例。顶部有一个输入文本表单，用于编写tweet，tweets列表的下方。如果你写了一个新的推文并点击“推文”按钮，你会立即在推文列表中看到你的新推文，而不需要重新加载页面。我知道这是一个平庸的情况，但顺便说一下，我想问你。
我有一个页面，顶部有一个表单，下面有一个消息列表。当您填写表单并提交新消息时，页面将重新加载，您将看到包含新消息的更新后的消息列表。我想实现Twitter使用的相同技术。也许我应该使用jQuery，并使用$.post将数据发送到页面。你能给我解释一下吗？
浏览 5提问于2011-05-02得票数 0
回答已采纳
3回答
我正在构建自己的map方法，使其与本地map方法一样接近。由于本机映射将更改的值推入一个新数组中(我认为)，它仍然保留空槽。我无法找到将空槽推入数组的解决方案，如下例所示。
[1, 2, 3].push(some code) // [1, 2, 3, empty]
我试着推送一个数组，其中一个空项以arr.push(...(new Array(1)))或arr.push(...[,])运算符为前缀，但这只是推undefined。
我解决了我的，不使用push，而是将值赋值给数组索引，这样跳过的索引将被设置为空。
但我写这篇文章是为了看看是否有人知道，是否可以使用push方法将空槽推送到数组中。
浏览 0提问于2019-06-19得票数 3
回答已采纳
1回答
离子框架中网格的多重选择
、、、、
我想要制作一个类别图像的网格，从它们中选择多个类别，并将它们的值发送到控制器。我不知道如何用离子框架来实现这一点。
以下是我的看法：
<ion-view cache-view="false">
<div class="bar login-bar bar-header bar-stable">
<h1 class="title ttl-log-bar">Welcome</h1>
</div>
<div class="bar bar-subheader welc
浏览 2提问于2016-02-10得票数 0
回答已采纳
我写了一个HTML/Javascript代码生成器，但不是将代码输出到HTML站点，我希望代码被发送到php添加到数据库中，但我不知道如何将javascript输出到PHP中 如果您需要它来工作，还有另一个javascript文档可以与之一起使用。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../voucher_codes.js"
浏览 26提问于2019-02-09得票数 0
我希望获得作为字符串导出的React组件的返回语句中的值。所以如果我有一个组件
function SomeComponent() {
return (
<div>
<h1>Some content</h1>
</div>
)
我想在上面运行一个函数，得到文字字符串"<div> <h1>Some content</h1> </div>"
导出到另一个文件。这有可能吗？
浏览 12提问于2022-08-12得票数 0
回答已采纳
很奇怪!！如果我在一个函数中选择了一个d3，我就不会得到与它在外部的结果相同的结果！第一个元素被跳过了！我甚至不确定它是否是一个空间名称环境问题:-@。
如果我这样做了：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script>
f
浏览 3提问于2014-11-12得票数 0
回答已采纳
2回答
是否可以将“原子”块内容插入到CKEditor中？
例如，我想在<h1>Test</h1>中的"B“后面插入<p>A B C</p>。目前，在CKEDITOR.currentInstance.insertHtml('<h1>Test</h1>')中，块标记被移除，并成为<p>A BTest C</p> (光标它就在“B”之后)。我希望它被插入到光标所在的P块的末尾，就像<p>A B C</p><h1>Test</h1>一样
下面
浏览 1提问于2013-08-27得票数 1
回答已采纳
我正在尝试从读取h1值，如下所示，
<h1>
<a href="http://example.com/?p=5016"> love me for a reason </a>
</h1>
我正在使用以下代码，但这会返回标题的空值，但内容似乎有效(下一行)？为什么
libxml_use_internal_errors(true);
$dom_document = new DOMDocument(); // CREATE A NEW DOCUMENT
$dom_document->loadHTML(mb_convert_encod
浏览 5提问于2014-12-02得票数 1
回答已采纳
2回答
我正在使用java.net.URL和输入流获取字符串形式的网页内容。
问题是我的javascript不能被渲染，我得到了原样的响应。
<html>
<head></head>
<body>
<script>
document.write("<h1>hello world!</h1>");
</script>
</body>
</html>
假设这是在HTML文件中编写的代码。现在我希望当我获得字符串形式的网页内容时..应呈现javascri
浏览 0提问于2009-11-10得票数 1
回答已采纳
在编写经典的html时，我们通常将元素放在div中，并给这个div一个类名或id。但在反应中，我们把我们的元素放在一个空的区域里。我们不给这个div提供id和类名。
主要的原因是什么？你能解释一下吗？
我的代码示例如下。
空div代码示例
`
import classes from '../Input/Input.module.css';
const LoginPage = () => {
return (
<div>
<div className={classes['login-page']} >
浏览 2提问于2020-12-17得票数 1
回答已采纳
2回答
我做了很多研究，但我觉得答案可能很简单。
我所拥有的： jQuery从div中获取列表项，并将它们推入一个数组中以添加到其他地方。
正在发生的事情：对象被推送到数组中，但它们也被从DOM中删除。
我需要的：将它们推送到数组中，但也将原始文件留在原来的位置。
这是我正在使用的代码以供参考
var leftItems = [];
var rightItems = [];
$('.footer-top li').slice(0,6).each(function(i) {
leftItems.push(this);
});
$('.footer-
浏览 4提问于2014-06-25得票数 1
回答已采纳
我有一个JSON输出如下
{
"556520000":{
"lmin":"35",
"dm":[
{
"Width":"147"
},
{
"Depth":"10"
},
{
"Height":"137"
}
],
浏览 5提问于2020-07-12得票数 2
回答已采纳
使用TFS 2013，我已经将一些查询导出到Excel。" history“列始终为空，但我已确认工作项具有历史条目。
如何导出才能真正查看历史记录？
浏览 0提问于2016-06-15得票数 0
我有一个简单的组件示例：
function App() {
const observed = useRef(null);
console.log(observed.current);
return (
<div ref={observed} className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
);
}
浏览 3提问于2019-06-11得票数 93
回答已采纳
从出发，将返回地址推送到特定的堆栈寄存器，这样我们就不能利用堆栈溢出，这不是更安全吗？
调用方(通过call)将返回地址推送到return address stack register。
调用者推送参数。
Callee推当地人。
呼叫中的一些工作正在发生。
Callee清理堆栈。
ret将return address stack register值弹出到RIP/EIP中。
浏览 1提问于2018-05-11得票数 2
回答已采纳
目前，我感觉到了简单的javascript任务，我试图在javascript中设置一个if / into语句，检查页面上的h1，看看是否存在三个类中的一个，在javascript确定了我需要它将特定文本推送到h1中时，需要哪个类附加到h1。
我正在修改的脚本是document.getElementsByClassName("pagetitle_contact").innerHTML =“样例文本1"；
我有三个可能的类名: pagetitle_home pagetitle_about pagetitle_contact
如果需要更多的信息，请告诉我：
谢谢!
浏览 5提问于2015-11-21得票数 1
回答已采纳
7回答
我正在尝试从JavaScript中获取DOM元素。尽管ID是正确的，但getElementId似乎找不到它；我得到了一个
TypeError:无法读取属性'innerHTML‘的null
在Chrome中，或者
TypeError: X为空
在Firefox中，只使用下面的简单代码。为什么会这样呢？
<!DOCTYPE html>
<html>
<head>
<script>
var x = document.getElementById("myHeader"
浏览 1提问于2010-04-26得票数 1
回答已采纳
为了制作一个react组件，我使用了以下代码
var React = require('react');
var RandomWords = React.createClass({
render: function() {
return (
<div >
<h4>Random words come here</h4>
</div>
);
}
});
module.exports =RandomWords;
然后我在根组件中调用这个组件，使用如下：
define([
浏览 0提问于2016-03-28得票数 1
回答已采纳
我正在尝试从auth0登录获取访问令牌和id令牌
useUser钩子只返回用户信息，而我希望获取用户的访问令牌和社交媒体id，并将其发送到自己的自定义php以获取用户数据并在自己的数据库上进行验证。
请在这个问题上帮助我，并根据你的意见提出一些好的方法。
以下是我的登录页面代码：
import React from "react";
import { useUser} from "@auth0/nextjs-auth0";
const login = () => {
const { user, isLoading, error } = useUse
浏览 2提问于2022-07-29得票数 2
3回答
首先，我想说我不是jQuery的专家，这似乎是一个非标准的问题。
基本上，我用wordpress写了一个博客，并将其合并到循环中，它显示了我的twitter个人资料中的推文。我想知道如何从这些推文中选择标签(例如，#foo)，然后将html链接应用到hashtag，如下所示...
<a class="hashtag" href="http://twitter.com/#search?q=foo">#foo</a>
链接还必须将标签的值(减去#)放入链接的#search?q=部分。
这是可能的吗?如果是的话，我该如何去做呢？
谢谢，查理瑞恩
浏览 3提问于2011-02-06得票数 7
回答已采纳
我想在JavaScript中列出一个图书列表，首先我编写了代码，这样它就可以在控制台窗口中打印出来，但是现在我想在网页中显示这个列表，因为通过DOM事件(按钮)，我希望用户能够在列表中放进另一本书。有一定的标准。但是现在，当我尝试将它放到web中时，我只得到对象对象]对象对象，而且由于我是一个菜鸟，我不知道如何合并，所以我用JavaScript创建的列表显示在网页中？抱歉，如果这让人困惑。
var array = [{
"Title": "Machine Learning",
"Year": 2020,
"Price
浏览 4提问于2022-03-21得票数 0
我这里有这些项目，我想以一种设置格式推送到数组中。我已经这样声明了我的数组
finalCount = [];
现在，我希望这个数组具有如下格式的项:动物:计数，例如:狗:3猫:4牛:1
而且，数组中的每个项也应该通过提供一个索引号来访问。例如，finalCount应该选狗。我试着把东西往这边推
this.finalCount.push(this.animal, this.count);
但这里的每一件东西都不能放在一起。我怎么才能拿到。
浏览 2提问于2018-06-01得票数 0
回答已采纳
问题:子组件中的：TypeError: items.map不是函数
我不明白为什么不可以，我看到其他人在通过不是数组的东西进行映射时遇到了这个问题。不过，显然是我的。如父组件中的第四行所示。
父级comp:
import React, {useState} from 'react';
import ListItem from '../components/listItem';
const Pagethree = () => {
const[items,setItem] = useState([]);
return(
<div>
浏览 0提问于2021-10-19得票数 0
回答已采纳
我不明白我为什么要你把财产钥匙给我。
{data.map((dataInfo, index) => (
<div key={index}>
<h1>{dataInfo.chapter}</h1>
<LessonGrid data={dataInfo} />
</div>
))}
浏览 8提问于2022-08-13得票数 0
首先，谢谢你抽出时间阅读这个问题。多么棒的社区堆栈溢出:)
我需要根据页面上的h1元素中包含的文本更改页面的标题标记。
我一直在搜索，我找到了"document.title“Javascript函数。我一直在玩它，试图从具有“分类- h1”类的h1元素中提取文本。
<script type="text/javascript">
document.title = document.getElementsByClassName("Category-H1");
</script>
但是，它只是将页面标题设置为"objec
浏览 5提问于2012-10-26得票数 1
回答已采纳
我正在制作一个应用程序，其中我使用了一个API来返回数据，比如球队的recent_form (足球/足球)--最近的表单返回类似WLDWW的东西(意思是赢/平/输)，我想把它分割成它自己的对象，当我把它输出到我的手条时(这样我就可以做背景颜色，并最终扩展功能)。
目前，我有一个for循环，它遍历表中所有不同的团队，并将最近的表单拆分为一个对象，但是当我将该对象传递到我的res.render中时，它只发送到最后一个，而不是全部20个。
我将展示我的当前应用程序是如何设置的(尽管不起作用)：
router.get('/table', (req, res, next) =>
浏览 0提问于2018-09-12得票数 0
回答已采纳
在我的Jekyll项目中，我在一个名为/_data的文件夹中有一个名为gallery.yml的页面，我希望遍历gallery.yml中的组，并将输出放在/_includes的新页面中。
gallery.yml
- name: Banana Shortcake
color: yellow
weight: 2 lbs
- name: Chocolate Mousse
color: brown
weight: 9 lbs
rogue-item: Yum!
- name: Strawberry Fluff
color: pink
weight: 0.5 oz
/_inc
浏览 7提问于2017-03-15得票数 0
回答已采纳
我有下面的呈现函数，在这个函数中我得到了一个警告
"warning: Each child in a list should have a unique "key" prop."
有什么问题吗？为每个标签写key是真的吗？
render() {
return (
[ <h1>Update Post</h1>,
<form>
<div >
浏览 9提问于2020-02-12得票数 0
怎样才能找到谁没有关注我呢？
任何人都可以使用Twitter API编写这样的php脚本。有必要将推特消息发送给那些从我这里退订的人。
注意:我知道已经有特殊的服务，但我需要你的，简单的服务，将输出到我的推文取消订阅的用户。
谢谢。
浏览 0提问于2012-05-27得票数 3
我在理解'ngRepeat‘指令时遇到了问题，所以我希望通过编写一个'double’指令，然后扩展一个'ntimes‘指令来了解angularjs是如何工作的:所以
“双倍”
<double>
<h1>Hello World</h1>
</double>
将导致产生：
<h1>Hello World</h1>
<h1>Hello World</h1>
‘'ntimes’
<ntimes repeat=10>
<h1>Hello Worl
浏览 0提问于2012-12-13得票数 14
回答已采纳
3回答
Vuex存储有一个getter，它通过id返回对象。但我不能用数据采集器。
当我使用computed:在组件呈现之后数据来自getter，DOM仍然是空的(直到我没有点击vue devtools中的组件)。如果我单击，计算再次运行，元素被重新绘制并填充了data ()中的数据)
如果在数据()对象定义期间直接调用getter，则可以立即看到DOM中的{{ cardData.content }}，但this.cardData.title返回一个错误Cannot read property 'title' of undefined。为什么？
Vuex存储
export const
浏览 2提问于2017-01-11得票数 1
回答已采纳
1回答
我有一个具有动态输入字段的React表单，用户可以添加和删除输入字段。我在提交表单时进行验证。如果输入为空，则使用useRef钩子集中输入。问题是，如果我有两个输入为空，所以我添加了第二个输入并删除它之后，我得到typeError“无法读取属性的null (读取‘焦点’)”。
App.js
import React, { useState, useRef } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App
浏览 2提问于2022-01-11得票数 2
回答已采纳
我需要写一个函数，它接受一些HTML，剥离img标签并返回html (无图像)。但是，我还需要保留img(在数组中)，以便可以将它们单独输出到页面。
我几乎不懂php，那么最好的方法是什么呢？
浏览 0提问于2011-03-11得票数 3
回答已采纳
1回答
假设我有一个HTML页面
<p> Some text here </p>
<p> Some other text here </p>
<h1> Title 1 </h1>
<p> Another text here </p>
<p> Some random text here </p>
<h1> Title 2 </h1>
<p> Some text here </p>
<p> Some other text her
浏览 5提问于2017-03-04得票数 1
回答已采纳
我正忙着在打字稿中制作一个待办事项列表应用程序。现在，应用程序对用户输入做出反应，并在用户提交时生成列表项。有一个计数器可以跟踪存在多少列表项，并可以删除所述列表项。
我想添加一个排序函数，它允许用户按照字母顺序，甚至在自定义代码上对列表项进行排序。
问题是，我被thesort()函数弄糊涂了，因为它似乎只适用于数组。我是否需要重新设计输入的生成方式？或者我可以创建一个新的函数来添加到我现有的代码中？
在我现在的代码中实现sort()函数的最简单方法是什么。
谢谢!
"use strict";
const todoListElement = document.getElem
浏览 9提问于2022-08-10得票数 1
1回答
我到处找反应路线，但不能让它起作用。我已经简化为一个空的新项目，只是为了测试基本原理，但仍然无法运行。我使用vscode并使用npx生成了我的反应性项目。这是我目前的代码：
App.js
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import './App.css';
import Landing from './components/Landing'
export default function App() {
return (
<B
浏览 5提问于2022-09-11得票数 2
回答已采纳
有没有办法设置"u“的样式而不用额外的标签包围它？
就像这样
h1:first-letter{ font-size:200%; color:#8A2BE2}
"u“我想，比如说，在这里增加不透明度：
<div class="moto"><h1>it's all<br>abboutt<br>design</h1></div>
浏览 0提问于2013-02-02得票数 2
请帮助我理解，如何使用$.unique()函数。
从医生那里：
对DOM元素数组进行排序，删除重复的元素。
我在尝试这个密码：
<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>
alert( $.unique($('.foo')).length );
它返回3，但我想是1。我少了什么？如果能看到一些使用这个函数的实际例子，
浏览 8提问于2011-09-09得票数 4
回答已采纳
2回答
我试图从一个html文件中获取一些内容，并使用php将该内容加载到另一个html文件中。我以DOMdocument的形式加载了第一个html文件。现在，我想在加载的html文件的特定标记中获取内容。我已经在互联网上搜索过解决方案，但我只能找到在标签中获取内容价值的方法。我想把所有的内容都放在给定的标签里。也就是说，包括内部html标记。我该怎么做呢？
我有这样一个html文件：
<html>
<head>
</head>
<body>
</body>
<p>
<h1> hi </h1>
</p
浏览 5提问于2014-08-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
