如何通过javascript更改div中的文本

如何通过javascript更改div中的文本,javascript,Javascript,请帮帮我:) 我有这个HTML: 交付至:2018年7月18日 如何在Javascript中更改此HTML?: 发货地点:2018年7月18日 这意味着,在中具有相同的日期,但在中更改文本(在之前) 谢谢。即使您不能使用jQuery,您仍然可以使用它所支持的document.querySelector。因此,记住这一点,通过类查找元素并更新元素的innerHTML属性。下面是一个非常基本的例子: var element = document.querySelector('.delivery-ti

请帮帮我:)

我有这个HTML:

交付至:2018年7月18日

如何在Javascript中更改此HTML?:

发货地点:2018年7月18日

这意味着,在
中具有相同的日期,但在
中更改文本(在
之前)


谢谢。

即使您不能使用jQuery,您仍然可以使用它所支持的document.querySelector。因此,记住这一点,通过类查找元素并更新元素的innerHTML属性。下面是一个非常基本的例子:

var element = document.querySelector('.delivery-time')
var time = element.querySelector('strong').innerHTML
element.innerHTML = 'Ship to: <strong>' + time + '</strong>'
var element=document.querySelector(“.delivery time”)
var time=element.querySelector('strong').innerHTML
element.innerHTML='Ship to:'+time+''

即使您不能使用jQuery,您仍然可以使用它所支持的document.querySelector。因此,记住这一点,通过类查找元素并更新元素的innerHTML属性。下面是一个非常基本的例子:

var element = document.querySelector('.delivery-time')
var time = element.querySelector('strong').innerHTML
element.innerHTML = 'Ship to: <strong>' + time + '</strong>'
var element=document.querySelector(“.delivery time”)
var time=element.querySelector('strong').innerHTML
element.innerHTML='Ship to:'+time+''

您需要使用。您可以只更改其节点,而保持图元中的其他节点不变:

document.querySelector('.delivery time').firstChild.textContent='Ship to:'

交付至:18.7.2018
您需要使用。您可以只更改其节点,而保持图元中的其他节点不变:

document.querySelector('.delivery time').firstChild.textContent='Ship to:'


Delivery to:18.7.2018
您可以使用jQuery吗?不幸的是,没有,只有javascript:(
document.querySelector('.Delivery time')。innerHTML='Ship to:18.7.2018'
document.querySelector('.Delivery time')。innerHTML=
Ship to:${value}``例如。但我必须首先从strong读取日期…然后使用模板字符串编写它。“``”。因此,它将
发送到:${new date()}
new date()
只是一个示例。您可以使用jQuery吗?不幸的是,没有,只有javascript:(
document.querySelector('delivery time')).innerHTML='Ship to:18.7.2018'
。如果你想成为动态的,那么
document.querySelector('.delivery time')。innerHTML=
Ship to:${value}`例如。但是我必须首先从strong读取日期…然后使用模板字符串编写它。“`”。因此,它将
发送到:${new Date()}
new Date()
只是一个例子。但我必须首先从strong那里读取日期…我需要这样的信息:“在之前更改文本。交付时间:)@Jirin我刚看到那条评论,所以我更新了解决方案you@Jirin我很想为一个伟大的解决方案赢得荣誉,但看看skyline3000解决方案,它会更好。但我必须首先阅读strong的日期…我需要这样的内容:“在之前更改文本。交付时间:)@Jirin我刚看到那条评论,所以我更新了解决方案you@Jirin我很想为一个伟大的解决方案赢得赞誉,但看看skyline3000解决方案,它更好。关于更新文本内容的好提示,我从来没有想到过,我认为如果所有浏览器都按照应该的方式处理,并且不丢弃任何孩子,这是一个更优雅的解决方案ren elements:)真正的神奇之处在于,更新的不是元素的文本内容,而是第一个文本节点。大多数人都不知道元素之间的空间是文本节点,可以通过JS(尽管不是CSS)进行定位.Thx,惊人:)更新文本内容的好技巧,我从来没有想到过,我认为如果所有浏览器都按照应该的方式处理,并且不转储任何子元素,那么这是一个更优雅的解决方案:)真正的神奇之处在于,更新的不是元素的文本内容,而是第一个文本节点的文本内容。大多数人都不知道sp元素之间的ace是文本节点,可以用JS作为目标(虽然不是CSS)。Thx,惊人:)