Re: [xml-dev] CSS selectors are syntactic sugar for XPath expressions
On Mon, 21 Mar 2022 at 17:58, Roger L Costello <[email protected]> wrote:
Hi Folks,
The CSS selectors are syntactic sugar (convenient shorthand notations) for equivalent XPath expressions.
er well better to say they have some overlapping functionality.
Anyway you want the CSS + selector here, a CSS selector of
latitude + longitude selects the longitude element if immediately following a latitude.
This will display
Result = 42.366978, -71.022362
<!DOCTYPE html>
<html>
<body>
Result = <span id="res"> g</span>
<person style="display:none">
<name>John Doe</name>
<telephone>555-123-4567</telephone>
<latitude>42.366978</latitude>
<longitude>-71.022362</longitude>
</person>
<script>
var lng = document.querySelector('latitude + longitude');
document.getElementById('res').textContent=
lng.previousElementSibling.textContent + ', ' +
lng.textContent ;
</script>
<html>
<body>
Result = <span id="res"> g</span>
<person style="display:none">
<name>John Doe</name>
<telephone>555-123-4567</telephone>
<latitude>42.366978</latitude>
<longitude>-71.022362</longitude>
</person>
<script>
var lng = document.querySelector('latitude + longitude');
document.getElementById('res').textContent=
lng.previousElementSibling.textContent + ', ' +
lng.textContent ;
</script>