I need to append the name of my github repository to the beginning of all href and src attributes. Any help is appreciated.
<script>
$(document).ready(function() {
$(src).attr('src', '/Demo_App').each();
$(href).attr('href', '/Demo_App').each();
});
</script>
document.getElementsByTagName('*')
const repoName = '/Demo_App';
window.addEventListener('load', () => {
const all = document.getElementsByTagName('*');
for (const node of all) {
const src = node.getAttribute('src');
const href = node.getAttribute('href');
if (src) node.setAttribute('src', `${repoName}${src}`);
if (href) node.setAttribute('href', `${repoName}${href}`);
}
});<body>
<a href="https://google.com"></a>
<img src="https://google.com" />
<a href="https://google.com"></a>
<img src="https://google.com" />
<a href="https://google.com"></a>
<img src="https://google.com" />
<a href="https://google.com"></a>
<img src="https://google.com" />
</body>use jQuery's attr() with a callback function to append values.
For example
const suffix = "/Demo_App";
// all elements with `src` attribute
$("[src]").attr("src", (_, src) => src + suffix)
// all elements with `href` attribute
$("[href]").attr("href", (_, href) => href + suffix)
As always you might not need jQuery
const suffix = "/Demo_App";
document.querySelectorAll("[src]").forEach(elt => {
elt.src += suffix
})
document.querySelectorAll("[href]").forEach(elt => {
elt.href += suffix
})