jQueryでの記述をjavascriptに

質問

下記のjQueryの記述をライブラリ無しのjavascriptでの記述にしていただきたいです。

imgタグのsrc属性とaタグのhref属性を相対パスから絶対パスに動的に変換させる必要があるのですが、ある事情でjQueryを使えないとの事で困っています。
どうかよろしくお願い致します。

<script type="text/javascript">
$(function(){

$('#hoge').children('img:not([src^=http])').each(function (){
var imgSrc = $(this).attr('src');
$(this).attr('src','http://xxxxxxxxxxxx' + imgSrc);
});

$('#hoge').children('a[href^=○○○]').each(function (){
var aHref = $(this).attr('href');
$(this).attr('href','http://xxxxxxxxxxxx' + aHref);
});

});
</script>

回答No.3

Ogre7077

いまいちモダンじゃないブラウザを相手にしなければならない特別な事情がおありなら

<script>(function(){
; var proc = window.onload;
; window.onload = function(){
; ; var prefix = 'http-xxxxx/';
; ; var hoge = document.getElementById('hoge');
; ; if (hoge) {
; ; ; var imgs = hoge.getElementsByTagName('img');
; ; ; for (var i = 0; i < imgs.length; i++) {
; ; ; ; var img = imgs[i];
; ; ; ; var src = img.getAttribute('src');
; ; ; ; if (!/^http/.test(src)) img.src = prefix + src;
; ; ; }
; ; ; var links = hoge.getElementsByTagName('a');
; ; ; for (var i = 0; i < links.length; i++) {
; ; ; ; var link = links[i];
; ; ; ; var href = link.getAttribute('href');
; ; ; ; if (/^ooo/.test(href)) link.href = prefix + href;
; ; ; }
; ; }
; ; if (proc) proc();
; };
})()</script>

回答No.2

b0a0a

モダンブラウザであればこんな感じで

<script>
addEventListener('DOMContentLoaded', function () {

;[].slice.call(document.querySelectorAll('#hoge img:not([src^=http])'))
.forEach(function (el) { el.src = new URL(el.src, location) });

;[].slice.call(document.querySelectorAll('#hoge a[href^=○○○]'))
.forEach(function (el) { el.href = new URL(el.href, location) });

});
</script>

回答No.1

yambejp

２点疑問が

(1)相対パス、絶対パスの定義があいまい
通常WEBの相対パスとは「../」的なカレントからの相関関係で
絶対パスは「/hoge/fuga/」的なドキュメントルートからの絶対位置ですよね？
例示を見る限りhttpうんぬんが見受けられ、絶対パスとは趣旨がちがうような
気がするんですが、具体的にどういうものをどう変更したいのでしょうか？

(2)以下の例でわかるように、javascriptからsrcを参照すると
たいていのブラウザでhttpからはじまるURL（？）を返します
わざわざなんのためにご提示の処理をしたいのでしょうか？

<img src="hoge.jpg" id="hoge">
<script>
window.onload=function(){
alert(document.getElementById("hoge").src);
}
</script>