Question

我试图从href属性中获取一个URL，然后追加并返回它，但我不断收到“无法读取null的属性'href'”。

我尝试使用document.getElementsByClassName（“ CLASS”）。href来获取值，但是返回的是未定义的值，那么当我使用id时，会出现上述空错误。

这是我的HTML：

<a class="js-link-name" id="js-link" href="{{ route('report.file.list')}}">Click Me</a>

@push('scripts')
    <script>
        $(function () {
            var questionnaires = [];

            @foreach($vm->getQuestionnaires() as $questionnaire)
            questionnaires.push(new window.app.locationReports.Questionnaire('{{ $questionnaire->getValue()  }}', '{{ $questionnaire->forDisplay() }}'));
            @endforeach

            new window.app.locationReports.LocationTiles($('.js-location-tiles'), $('.js-file-download-link'), $('.js-legend-trigger'), '{{ $vm->getUserViewPreferenceValue() }}', questionnaires, '{{ route('api.v1.reports.customer-satisfaction.recommend-to-others') }}', '{{ route('report.customer-satisfaction.locations.data.view-preference') }}');
        });
    </script>
@endpush

这是我的JS函数：

buildLocationReportListUrl(){
        let newUrl = URI(document.getElementById('js-link').href).addSearch(this.locationId);

        return newUrl;
    }

Answer 1

您的代码不完整。但是，当我尝试对您的函数进行一些修改后，它会返回URL。

function buildLocationReportListUrl(){
    let newUrl = document.getElementById('js-link').href;

    return newUrl;
}

//执行该函数以返回URL

buildLocationReportListUrl();

希望这会有所帮助！：）

从href属性返回URL

1 个答案: